React/setState 這樣寫可能導致數組更新但是視圖不更新，即不執行render()

最近遇到一個問題，setState后頁面不更新，換一種寫法才可以，如下

 

    const { keyValArr } = this.state;
    keyValArr.push({
      FieldName: '',
      FieldTips: '',
      OrderNo: keyValArr[keyValArr.length - 1].OrderNo + 1,
    })

    // 這樣寫可能導致數組更新但是視圖不更新
    // this.setState({
    //   keyValArr,
    // })

    this.setState({
      keyValArr: [...keyValArr],
    })

 

參考：https://www.cnblogs.com/xzsty/p/13044931.html