SO 私はreact-boilerplateを使用して React でユーザーの役割/権限の実装を実装しようとしています。ただし、ここで使用されるルーティングは、標準とは対照的に、何とか動的です。
<Router>
<Route><Route>
</Router>
フォーマット。
onEnter
のこの機能を見てreact-router
、同僚から、これはユーザーの役割に役立つ可能性があるとアドバイスされました。
それで、動的ルーティングを介してアクセスする方法があるかどうか疑問に思っていましたか? のルーティング コード スニペットからわかることから、react-boilerplate
それを宣言する方法はありません。
app/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
か?