Как передать реквизиты дочерним компонентам в дереве реактивного маршрутизатора

Question

У меня есть модель маршрута, составленная в ответном маршрутизаторе. Я хочу знать, как передавать реквизит между моими компонентами в этой настройке - возможно ли это?

<Route path='/' component={Layout}> 
     <IndexRoute component={Home} /> 
     <Route path='/users' component={Users} /> 
     <Route path='/posts' component={Posts} /> 
     <Route path='/albums' component={Albums} /> 
     <Route path='/about' component={About} /> 
    </Route> 

Скажет, например, я инициализирую свое состояние в компоненте Layout (идею в том, что все это дети могут получить доступ к государству); как передать значение состояния им, а также запустить функции в родительском компоненте, переданном через реквизиты?

Возможно ли это, как если бы компонент был непосредственно вложен в его родительский элемент, или я думаю об этом неправильно в отношении маршрутизации? Если да, есть ли альтернативное решение?

Любая помощь по оценке

Answer 1

Да, это возможно. Вы можете использовать context в компоненте . Вот пример в ES6:

export default class Layout extends React.Component { 

    static childContextTypes = { 
     layoutState: React.PropTypes.object 
    } 

    getChildContext() { 
     return {layoutState: this.state}; 
    } 

} 

Тогда просто объявить контекст в дочерних компонентов/внучатые:

export default class Users extends React.Component { 

    static contextTypes = { 
     layoutState: React.PropTypes.object 
    } 

    render() { 
     const {layoutState} = this.context; 
     // then just use your layoutState and return 
    } 
}