Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/430.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将更新的子状态转换为父状态_Javascript_Reactjs_Ecmascript 6 - Fatal编程技术网

Javascript 将更新的子状态转换为父状态

Javascript 将更新的子状态转换为父状态,javascript,reactjs,ecmascript-6,Javascript,Reactjs,Ecmascript 6,我正在尝试获取父组件,以便从子组件检索一些信息。具体来说,让父组件检索子组件的当前状态。当我尝试下面的方法并尝试渲染更新的父对象时,更新速度会减慢。在这段代码中,它只是向我返回了一个简单的脚本错误。有没有比我目前的方法更好的方法来检索componentWillUpdate上的子状态?谢谢 类父类扩展了React.Component{ 构造器{ 超级的 此.state={ parentState:默认值, } this.getChildState=this.getChildState.bindt

我正在尝试获取父组件,以便从子组件检索一些信息。具体来说,让父组件检索子组件的当前状态。当我尝试下面的方法并尝试渲染更新的父对象时,更新速度会减慢。在这段代码中,它只是向我返回了一个简单的脚本错误。有没有比我目前的方法更好的方法来检索componentWillUpdate上的子状态?谢谢

类父类扩展了React.Component{ 构造器{ 超级的 此.state={ parentState:默认值, } this.getChildState=this.getChildState.bindthis; } getChildStatechildState{ 这是我的国家{ 父母国家:儿童国家 } } 渲染{ 回来 当前父状态:{this.state.parentState} ; } } 子类扩展了React.Component{ 建造师{ 超级的 此.state={ onClick:0, } this.handleClick=this.handleClick.bindthis; } 手舔{ 这是我的国家{ onClick:this.state.onClick+1 } } 组件将更新ExtProps,下一个状态{ nextProps.getChildStatenextState.onClick; } 渲染{ 回来 当前子状态:{this.state.onClick} 点击我 ; } } ReactDOM.render,应用程序;
要更新父级的状态,当子级的状态更新时,应使用带有以下签名的setState方法:

setState(updater, [callback])
子组件的handleClick函数应如下所示:

handleClick() {
    this.setState({
      onClick: this.state.onClick + 1
    },()=>this.props.getChildState(this.state.onClick));
  }
这将在更新子状态时调用getChildState函数

有关设置状态的更多信息,请查看