react-router是否有vue-router中addRoutes这样的api

Question

在 vue-router 中，可以根据后端返回用户的权限可以使用 addRoutes 来添加符合权限的路由。但 react-router 中好像没有类似的 api，因为是需要登录才能得知用户的权限信息，这时候才能确定路由是哪些，但此时路由已经设置完毕了，没法添加了

Answer 1

最新的React-router也是以组件的形式来写，所以可以根据权限信息来决定渲染哪些路由，例如下面的方式：

   {isDisplay?<Route path="/hello" component={Hello} />:null}

或者

<Route path="/hello"  render={props => {
    return isDisplay
        ? <Hello {...props} />
        : <Redirect to="/login" />
}} />

Answer 2

楼上正解了,不过react-router-dom也有声明式的配置写法

Answer 3

大佬，这个问题解决了吗，咋解决，我也需要那样搞

Answer 4

请问下你是ts么,如果是的话能贴下解决的代码片段么感谢