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

前端之家收集整理的这篇文章主要介绍了reactjs – 从外部更新组件状态React(在服务器响应上)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在学习React的过程。目前我有几个组件链接为父子,通过它们的通信很容易与回调。

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

我的主要问题是,是否可能从外部触发组件状态更改react(在这种情况下对服务器响应)?

Can you trigger a component state change outside a component?

是。只是一个简单的例子

在你的react组件中设置一个全局可用的闭包,当函数被触发时,它将更新它的状态。

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

然后当你的ajax的响应回来,你可以使用返回的数据触发事件

globalVar.callback(data);

或者为了更强大的功能,请设置自定义事件和全局侦听器

猜你在找的React相关文章