自动刷新反应

Question

我正在尝试根据导航页面的内容来实现对导航栏项目的条件渲染（即，如果我们位于聊天室页面或“ / rooms”上，那么我们就不希望“聊天室”导航项目在导航栏中进行渲染）。我试图做的是将Navbar转换为类组件，为currentPage创建一个状态并将其设置为window.location.pathname，然后创建了用于设置状态以及根据状态呈现什么导航项的方法，但是它总是要求我在从一页转到另一页时重新加载页面，以使条件逻辑完全生效。有没有更好的方法来实现此功能？

Answer 1

您可以使用react-router加载内容而无需刷新页面。它非常容易学习和使用，您可能在一小时内就可以启动并运行它。您可以为页面的主要内容添加路由组件。

当您路由到其他页面时，还可以调用setState函数并更改currentPage，这反过来又会更改导航栏元素。