Можно ли программно использовать новый контекстный API React?
Я пытаюсь создать одно большое глобальное состояние, в котором я могу выполнять действия, но я не хочу, чтобы все эти действия находились в одном файле.
Я хочу разбить действия на их собственные файлы и абстрагироваться с помощью функции changeState (например, редуктора), но я не уверен, как это сделать.
У меня есть пример. Если вы нажмете кнопку, она покажет вам, как далеко продвинулось приложение: https://codesandbox.io/s/r49qyymjzn
Вроде ни разу не попал в {ctx => { console.info('...') }.
Любая помощь будет принята с благодарностью, спасибо.
@ ztadic91 Да, я закончил тем, что написал целую вещь для глобального управления состоянием, похожую на Redux, с ней и приправленную слиянием lodash. ?
Ответы 1
Считайте Context.Provider компонентом с отслеживанием состояния. Действие changeName должно обновить состояние класса Context.Provider.
Изменения в context.js
handleNameChange = changeName;
actions: {
changeName: this.handleNameChange
}
changeName.js
export default (e, newName) => {
e.preventDefault();
this.setState({ name: newName });
};
Пример рабочей песочницы здесь
переносит действие changeName в предназначенный Context.Consumer?