如何使用React-router render()

时间:2018-11-06 09:13:12

标签: reactjs react-router-v4

我已阅读onEnter not called in React-Router 但我不知道如何解决我的问题。 我只想检查登录状态并重定向

index.js

import indexRoutes from "routes/index.jsx";

    ReactDOM.render(
      <Router history={hist}>
        <Switch>
          {indexRoutes.map((prop, key) => {
            return <Route path={prop.path} component={prop.component} key={key} />;
          })}
        </Switch>
      </Router>,
      document.getElementById("root")
    );

如何将我的代码更改为此?

<Route exact path="/home" render={() => (
  isLoggedIn() ? (
    <Redirect to="/front"/>
  ) : (
    <Home />
  )
)}/>

1 个答案:

答案 0 :(得分:1)

您不应该在index.js中定义它。

我建议在index.js中添加另一个类引用,并将逻辑放在其中。