, это так просто, просто создайте пример файла: ctx.js
, затем в этот файл добавьте следующий код:
import React from 'react';
export const { Provider, Consumer } = React.createContext();
, затем в корневой каталог. Импорт компонентов. Предоставьте и поместитеProvider
как корневой компонент, как показано ниже:
<Provider value={this.state}>
</Provider>
, затем в любом компоненте, который вы собираетесь использовать, просто импортируйте получателя, как показано ниже:
class A extends Component{
....
}
const AComponent = props => (
<Consumer>
{context => <A {...props} context={context} /> }
</Consumer>
);