假设我有 2 个组件<Dashboard/>
,它们在用户登录后呈现,并且<Landing/>
在用户尚未登录时呈现在 reactjs 中,如果我想使用与/
用户未登录相同的路由,我该怎么办但它会呈现<Landing/>
,<Dashboard/>
如果用户登录,它会呈现?
<Landing/>
是
<Route path="/" component={Landing} onEnter={appOnEnter}>
<IndexRoute component={Home}/>
... Other not-login-required routes ...
</Route>
并且Dashboard
是
<Route path="/" component={Dashboard} onEnter={appOnEnter}>
<IndexRoute component={Home} />
... Other login-required routes ...
</Route>
我遇到了我认为我可以使用的getComponent/getComponents
<Route path="/" getComponent={(nextState, cb) => {
// do asynchronous stuff to find the components
cb(null, Course)
}} />
但是,这似乎并没有使用该方法建议
我们不明确支持这种模式的原因是因为以这种方式连接起来是相当不典型的
那么实现我想要的最好方法是什么?