在同一页面的反应中通过ID进行链接

Question

我想用react做一个1页的网站，我把它分成了多个组件。所以，我有一个导航条组件和一个教育组件。现在，我想把导航条链接到教育。在App.js中，我是这样做的。

        <Education id="edu"></Education>

在导航栏中，我是这样链接的

<NavLink href="#edu" className="navlink">
              Education
            </NavLink>

但它是不工作的。

Answer 1

React本身只处理呈现性的职责，不会处理导航和路由。在React中，处理页面组件之间的导航的一个流行的选择库是 ReactRouter.

当使用React Router时，你会将你的根组件包装在一个 Router 组件。然后您可以使用 Link 组件。请看这个例子.

请注意，这是用React单页Web应用处理路由导航的最流行方式，但它不是唯一的方式。