Контекст

Иногда вам может понадобиться прокинуть параметры сразу в несколько компонентов. Например вам нужно обеспечить все ваши компоненты переводами. И каждый раз передавать props будет просто утомительно. Здесь вам на помощь прийдет контекст.

Чтобы передать контекст детям вам необходимо реализовать метод passContext в компоненте родителе и вернуть объект контекста.

Также внутри метода passContext вы можете использовать объекты this.props и this.state

А в компоненте, ожидающий контект, реализовать статический метод injectContextи вернуть массив свойств ожидаемого контекста.

Пример:

class User extends Component { static injectContext() { return ['username'] } render() { return this.context.username } } class App extends Component { passContext() { return { username: 'Igor', } } render() { return User.v() } }