2

所以我正在尝试使用react-boilerplate在 React 中实现用户角色/权限实现。然而，这里使用的路由在某种程度上是动态的，与标准相反

<Router> <Route><Route> </Router>

格式。

现在我已经看到了这个功能onEnter，react-router我的同事告诉我这可能对用户角色有用。

所以我想知道是否有办法通过动态路由访问它？从我从 的路由代码片段中可以看出，react-boilerplate我无法声明它。

应用程序/routes.js

 ....
 return [
    {
      path: '/',
      name: 'home',
      getComponent(nextState, cb) {
        const importModules = Promise.all([
          System.import('pages/Login'),
        ]);

        const renderRoute = loadModule(cb);

        importModules.then(([component]) => {
          renderRoute(component);
        });

        importModules.catch(errorLoading);
      },
    }, {
      path: '/pt',
      name: 'home-pt',
      getComponent(nextState, cb) {
        const importModules = Promise.all([
          System.import('pages/Home'),
        ]);

        const renderRoute = loadModule(cb);

        importModules.then(([component]) => {
          renderRoute(component);
        });

        importModules.catch(errorLoading);
      },
      childRoutes: [
        {
          path: '/pt/info/share',
          name: 'pt-share-info',
          getComponent(nextState, cb) {
            const importModules = Promise.all([
              System.import('pages/Share'),
            ]);

            const renderRoute = loadModule(cb);

            importModules.then(([component]) => {
              renderRoute(component);
            });

            importModules.catch(errorLoading);
          }
        }, {
          path: '/pt/info/request',
          name: 'home-pt',
          getComponent(nextState, cb) {
            const importModules = Promise.all([
              System.import('pages/Request'),
            ]);

            const renderRoute = loadModule(cb);

            importModules.then(([component]) => {
              renderRoute(component);
            });

            importModules.catch(errorLoading);
          }
        }
      ]
    },  {
      path: '*',
      name: 'notfound',
      getComponent(nextState, cb) {
        System.import('containers/NotFoundPage')
          .then(loadModule(cb))
          .catch(errorLoading);
      },
    },
  ];

PS。我也看到了这个react-router-role-authorization，并且想知道我是否可以将它与当前设置集成react-boilerplate？

4

0 回答 0