Управление правами пользователей в Router - маршруты, имеющие дочерние маршруты

Question

Я пытаюсь реализовать разрешение пользователя в приложении реакции.

Мой файл App.js выглядит так:

const routes = {

  path: '/',
  indexRoute: { onEnter: (nextState, replace) => replace('/login') },
  childRoutes: [

    require('./routes/dashboard').default,
    require('./routes/settings').default,

  ]
};

ReactDOM.render((

    <Provider store={store}>
    <Router
      history={history}
      routes={routes}/>
</Provider>
), document.getElementById('root'));

Как я могу управлять дочерними маршрутами здесь, основываясь на разрешениях пользователя? Пример: если мне нужен только доступ к DashboardView. Как я могу это контролировать?

Компонент Dashboard имеет много дочерних маршрутов, связанных в файле index.js. Как это:

export default {
    path: dashboard
    component: require('../../demo').default,

    childRoutes: [
        {
            path: 'user',
            getComponent(nextState, cb){
                System.import('./createDemo').then((m)=> {
                    cb(null, m.default)
                })
            }
        },
        {
            path: role
            getComponent(nextState, cb){
                System.import('./createDemo1').then((m)=> {
                    cb(null, m.default)
                })
            }
        }

    ]
};