我在路由到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”,以便我可以阅读该新闻…所有新闻都位于同一页面的容器中。
好的,我找到了一个非常好的库作为解决方案,它称为react- scroll,它具有将您需要的链接包装在较早定义的滚动链接中的选项,以及将您希望其链接的组件包装为页面的特定部分的选项。您为滚动链接提供的ID为ID的元素作为参数…如果需要,请尝试。