reactjs - 从 React 外部更新组件状态(在服务器响应上)

Question

我正在学习 React。目前，我有几个作为父子链接的组件，它们之间的通信可以通过回调轻松完成。

我有一个表( react 组件)和一个小的模态ajax 表单(无 react )。当我收到服务器的响应(一个项目)时，我想将该项目添加到表中。

我的主要问题是，是否可以从外部 react (在本例中是服务器响应)触发组件状态更改？

Answer 1

Can you trigger a component state change outside a component?

是的。这是一个简单的例子

在您的 React 组件中设置一个全局可用的闭包，它将在函数触发时更新其状态。

componentDidMount(){
 globalVar.callback = (data) => {
    // `this` refers to our react component
    this.setState({...});     
  };
}

然后，当您的 ajax 响应返回时，您可以使用返回的数据触发事件

globalVar.callback(data);

或者为了更强大，请使用 custom event or subscription