“警告：setState（…）：只能更新已安裝或正在安裝的組件”是什么意思？

Question

編輯

“警告：setState（...）：只能更新已安裝或正在安裝的組件”是什么意思？

Answer 1

首先，將您所有的React組件重命名為Camel Case。

class firstChild ... --> class FristChild
<fristChild> --> <FristChild>

其次，在FirstChild渲染方法中，應將元素包裝到一個封閉的標簽中，如下所示：

class FirstChild extends Component {
render(){
   return (
      <div>
        <input ... />
        <button ... />
      </div>
   )
}
}

第三，當你使用cloneElement在this.props.children ，你應該使用Proptypes.<type>在secondChildren代替Propstypes.<type>.isRequired 。 在這里檢查，看看為什么。

class SecondChild extends Component {
    static propTypes = {
      submitSuccess: React.PropTypes.bool, // remove isRequired
    }
}

不管上面什么，我已經測試了您的代碼，並且工作正常。

Answer 2

您可以嘗試使用componentWillUnmount生命周期函數來檢查何時卸載了組件。

您還可以使用標志來指示在設置狀態之前已卸載組件：

saveName(nameText) {
    if (!this.isUnmounted){
        this.setState({submitSuccess: true});
    }
}

componentWillUnmount() {
    this.isUnmounted = true;
}