编程语言
首页 > 编程语言> > javascript-React-Router:如果未通过身份验证,则显示主页;如果在“ /”处,则通过身份验证显示仪表板

javascript-React-Router:如果未通过身份验证,则显示主页;如果在“ /”处,则通过身份验证显示仪表板

作者:互联网

如果用户未通过身份验证,我已经将其存储在redux中.我想做的是,一旦我转到localhost:3000 /,如果用户未通过身份验证,我希望它显示主页;如果用户通过身份验证,则希望它显示仪表板.到目前为止,这就是我所拥有的.

export default (
 <Route path="/" component={App} >
   <IndexRoute component={HomePage} />
   <Route path="/dashboard" component={Dashboard} />
   <Route path="*" component={NotFound} />
</Route>
);

我希望IndexRoute以身份验证为条件.

解决方法:

您可以在JSX中使用conditional rendering.

export default (
 <Route path="/" component={App} >
    {isLoggedIn ? (
      <IndexRoute component={HomePage} />
    ) : (
      <IndexRoute component={Dashboard} />
    )}
</Route>
);

标签:reactjs,react-router,url-routing,javascript
来源: https://codeday.me/bug/20191111/2022673.html