React-router如何基于props加载组件?

时间:2016-08-14 09:15:43

标签: reactjs react-router

首先是我的路线:

const routes = (
  <Route path="/" component={authWrapper(App)}>
    <IndexRoute getComponent={resolveIndexComponent} />
    <Route path="about" getComponent={resolveAboutComponent} />
  </Route>
);

注意根路由如何用&#34; authWrapper&#34;包装,在那里我检查用户是否有JWT并派遣到redux存储结果。

问题/问题:如何加载不同的&#34;孩子&#34;用于经过身份验证和未经身份验证的用户进入IndexRoute时的组件?

上面的resolveIndexComponent只是加载&#39; / domains / home&#39;其中包含:

const mapStateToProps = (state) => ({ authenticated: state.common.currentUser });


const App = (props) => {
  if (props.authenticated) {
    return (<Authenticated />);
  }
  return (<Unauthenticated />);
};

export default connect(mapStateToProps)(App);

我可以跳过这个并直接从react-router加载<Authenticated /><Unauthenticated />吗? (基于道具或甚至authWrapper返回的内容)

0 个答案:

没有答案