Кнопка Reactstrap ссылка на раздел на той же странице

#reactjs #reactstrap

#reactjs #reactstrap

Вопрос:

Я пытаюсь связать кнопку, импортированную из reactstrap, с определенным разделом на моей странице. Я пробовал много разных решений, но ни одно из них, похоже, не работает. Вот как это выглядит сейчас:

 2.  import { Button, Card, CardBody, CardTitle, Row, Col, CardImg, CardText } from 'reactstrap';
...
...
23. <Button href="#jump">Thrift shops</Button>
...
...
69. <h5 id="jump">Near city center</h5>
  

Итак, я пытаюсь перейти к строке 69 с кнопки, используемой в строке 23. Я потерялся…

Ответ №1:

Button не поддерживает href атрибут. Для этого вам нужно использовать <a> тег, т.е

 <a href="#jump">Thrift shops</a>
  

Ответ №2:

Импортируйте Bootstrap CSS в src/index.js файл:

 import 'bootstrap/dist/css/bootstrap.min.css';