Reactjs 在登录之前和之后呈现组件

Reactjs 在登录之前和之后呈现组件,reactjs,react-router,Reactjs,React Router,我用react、redux handle Jwt等构建了类似Fb的应用程序,。。。和反应路由器v4。我希望我的组件像图片一样 登录前: 登录后: 但我仍然想使用像fb.com/设置重定向登录页面这样的页面的私有路由,如果用户未登录 给我关键词或想法pls最快的解决方案是使用带条件呈现的页面: HomePage = (props) => (props.isLoggedIn ? <NotAuthenticatedPage {...props}/> : <Authent

我用react、redux handle Jwt等构建了类似Fb的应用程序,。。。和反应路由器v4。我希望我的组件像图片一样

登录前:

登录后:

但我仍然想使用像fb.com/设置重定向登录页面这样的页面的私有路由,如果用户未登录


给我关键词或想法pls

最快的解决方案是使用带条件呈现的页面:

HomePage = (props) => (props.isLoggedIn
  ? <NotAuthenticatedPage {...props}/>
  : <AuthenticatedPage  {...props}/>
)