Question

<Route path="/dashboard" component={dashboard} >
  <Route path='/home' component={Home} /> 
  <IndexRoute  component={Myplan} />
  <Route path='/myprofile' component={MyProfile} />
  <Route path='/users' component={Users} />
  <Route path='/notifications' component={Notifications} />
  <Route path='/reports' component={Report} />
</Route>

在routes.js文件中我使用IndexRoute到Myplan组件在整个Dashboard组件中所以当登录时它只重定向到Myplan组件

在仪表板组件中

在渲染方法中，我正在渲染像这样的组件

{
validate!= 0 ? <li><Link to="/home" > Home <i className="fa fa-home"></i></Link></li> : null
}

{
validate!= 0 ? <li><Link to="/reports"> Analytics <i className="fa fa-line-chart"></i></Link></li> : null
}

<li><Link to="/dashboard"> My Plan <i className="fa fa-ticket"></i></Link></li>
<li><Link to="/myprofile" onClick={() => this.handleEdit(edituser.user)}> My Profile <i className="fa fa-ticket"></i></Link></li>

我需要在“验证！= 0”时链接Home组件在我正在检查的渲染中，基于条件检查进行动态路由的正确方法是什么。

if(validate!= 0){
  return <Link to="/home" />
}

如何动态地链接到特定路线？

0 个答案: