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>

所以我试图从第 23 行使用的按钮跳转到第 69 行。我迷路了......

最佳答案

Button不支持 href属性。您需要使用 <a>标记为即

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

关于reactjs - Reactstrap 按钮链接到同一页面上的部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64550539/

相关文章:

reactjs - 如何检查多选输入表单中的哪些选项是从 ReactStrap 中选择的

css - 如何为 slider 添加 CSS

javascript - 如何测试默认的 props 函数是否附加到组件? | react |开 Jest | enzyme

reactjs - 如何在中心设置 reactstrap modal-header 的内容?

javascript - 仅切换 Reactjs 中单击的菜单

javascript - 单元测试 ReactJS 组件产生不变违规 : findComponentRoot

javascript - 使用下拉 Reactstrap 更改状态

javascript - 当我创建高阶组件时,我应该如何处理 "think"?

reactjs - 当 btoa 被弃用时,如何在 ReactJS 中编码 Base 64 字符串?

javascript - React Router v6.4.5,页面加载重定向