使用 reactstrat 按钮的操作导航到页面的某个部分

Question

通常，如果我想创建一个链接来转到我使用的页面的一部分：

<a style={{ color: 'white' }} href="#topOfPage">
        Personal Info
</a>

由于我必须使用 reactstrap (https://reactstrap.github.io/components/buttons/( 中的按钮而不是<>我需要询问如何在按钮的操作方法中执行相同的操作。这可能吗？

Answer 1

有几个选项：

1. 尝试以这种方式编码：

   <Button tag={Link} style={{ color: 'white' }} to="#topOfPage" />
   

   您可以将相同的锚标签 href 功能与反应按钮一起使用。

2. 如果上述方法不起作用，另一种选择是添加 Bootstrap node_module并按照您一贯的方式对其进行编码。我倾向于在我的项目中混合使用 reactstrap 和 bootstraps npmjs 模块，以便更快地编码。