reactjs - 可以以编程方式使用 React 的新 Context API 吗？

Question

我正在尝试拥有 1 个可以执行操作的大型全局状态，但我不希望所有这些操作都存在于同一个文件中。

我想将操作分解为自己的文件并使用changeState函数（如减速器）进行抽象，但我不确定如何执行此操作。

我这里有一个例子。如果您单击该按钮，它将显示应用程序的进度：https ://codesandbox.io/s/r49qyymjzn

它似乎永远打不中{ctx => { console.log('...') }。

任何帮助将不胜感激，谢谢。

Answer 1

将Context.Provider视为一个有状态的组件。动作 changeName 需要更新Context.Provider类的状态。

改变在context.js

handleNameChange = changeName;


actions: {
  changeName: this.handleNameChange
}

更改名称.js

export default (e, newName) => {
  e.preventDefault();
  this.setState({ name: newName });
};

工作沙箱示例在这里