小编典典

路由到React中其他组件的特定部分

reactjs

我在路由到React中另一个功能组件的特定部分时遇到问题。我在Main组件中声明了Route,并在要重定向的地方周围链接了…看起来像这样…
main函数得到:

<Switch>
    <Route exact path='/news/:eyof' component={News} />
    <Route exact path='/news/:svetsko' component={News} />
    <Route exact path='/news' component={News} />
</Switch>

我在其他功能组件中定义了:

<div className="card">
  <Link to="/news/:svetsko">
    <div className="card-header">
      <h3>Artistic gymnastics world championship</h3>
     </div>
   </Link>
</div>

因此,通过单击此链接,我需要重定向到新闻页面类“ svetsko”,以便我可以阅读该新闻…所有新闻都位于同一页面的容器中。


阅读 224

收藏
2020-07-22

共1个答案

小编典典

好的,我找到了一个非常好的库作为解决方案,它称为react-
scroll,它具有将您需要的链接包装在较早定义的滚动链接中的选项,以及将您希望其链​​接的组件包装为页面的特定部分的选项。您为滚动链接提供的ID为ID的元素作为参数…如果需要,请尝试。

2020-07-22