Reactjs React中哪种类型的导航与登录身份验证配合良好？

我想知道什么类型的导航与登录身份验证配合得很好？现在，我对某些页面或组件使用条件呈现来显示和浏览

if (this.state.loggedIn) {
    return <UI loggedIn={this.state.loggedIn} showUser=
{this.state.showUser} logout={this.logout.bind(this)} />; 

            };

我可以在验证后渲染一些东西。如果我想呈现更多不同的页面，它会是什么样子？我是否应该在每个页面上设置一个状态，该状态将在onclick上更改，并使应用程序呈现所需的页面

---

谢谢大家，伙计们这是几乎所有现代应用程序都必须解决的问题。因此，许多库已经为您解决了这些问题。以使用react路由器的代码为例：

在我的示例中，我将向您展示routes.js文件中的路由，然后是acl的单独文件。acl是一个传递到要保护的每个路由的onEnter中的函数。你可以叫它任何你喜欢的名字

routes.js

从“React”导入React； 从“react Router”导入{hashHistory，Router，Route，IndexRoute}； 从“./util/acl util”导入{acl}； 从“./containers/app container”导入AppContainer； 从“./pages/dashboard page”导入仪表板页面； 导出默认类路由扩展React.Component{ 渲染{ 回来 {/*非身份验证路由*/} {/*AUTH-REQUIRED-ROUTES*/} ; }

---

}若我没弄错的话，你们需要看看我试过的路由器，但从技术上讲，在上述应用程序中使用它安全吗？为什么不安全？另外，也没有提到安全问题。ish解决方案更可取。我不知道，我对此知之甚少，那么链接是最好的导航方法吗？我只能说像react router和ui router这样的路由器是常用的，这是一个非常可靠的答案。我将不得不通过它，并试图把它应用到我自己的项目。非常感谢。谢谢使用这种方法和OneNet的好处在于，您可以在其中做任何您想做的事情，react router为您提供了一个替换方法，您可以调用该方法来更改路由（如果您愿意）。我从中获取这段代码的应用程序显示警报，并执行其他神奇的操作。此外，此应用程序使用redux来管理全局状态。你可能想调查一下，然后决定这是否有帮助。