React setStats數(shù)組不更新，百思不得其解。

樓樓今日遇到個坑爹的問題。
就是 this.setStats({}) 對 this.stats 不更新問題
問題是這樣的
constructor(props) {

    super(props);
    this.state = {
        imageList: []
    }

    WechatService.getMaterialOrealList("image").then((result) => {
        this.setState({
            imageList: result
        })
    });

}

 async handleInputChangeUpload(event) {
    var target = event.target;
    var file = target.files[0];

    var formData = new FormData();
    formData.append('file', file);

    var result = await WechatService.updateMaterialImage(formData);

    var lists = this.state.imageList;
    lists.push(result);
    console.log(lists);
    //同步更新
    this.setState((prevState, props) => ({
        imageList: lists
    }))

}

數(shù)組的長度已經(jīng)變成了11可是 render 并沒有更新??！，這是為什么呢？
此方法已經(jīng)是谷歌出來的東西，可是好像并沒有成功
this.setState((prevState, props) => ({

       imageList: lists
   }))

但是樓主看了一下elementsUI 的代碼后進行一次修改后，發(fā)現(xiàn)一下方案倒是成功了。百思不得其解，不知道那位小兄弟可以解答一下。
constructor(props) {

   super(props);
   this.state = {
   //這是把數(shù)組用一個對象包含起來
       data: {
           imageList: []
       }
   }

}

componentWillMount() {

   WechatService.getMaterialOrealList("image").then((result) => {
       this.setState({
           data: Object.assign({}, {
               imageList: result
           })
       })
   });

}

handleUpload() {

   this.refs.inputFile.click();

}

async handleInputChangeUpload(event) {

   var target = event.target;
   var file = target.files[0];

   var formData = new FormData();
   formData.append('file', file);

   var result = await WechatService.updateMaterialImage(formData);

   var lists = this.state.data.imageList;
   lists.push(result);
   this.setState((prevState, props) => ({
   //淺拷貝、對象屬性的合并
       data: Object.assign({}, { imageList: lists })
   }))

   setTimeout(() => {
       console.log(this.state.data);
   });

}
這樣使用對象進行修改的數(shù)組變量反而更新了。

這是為什么呢？
無法解答

作者：傻夢獸
鏈接：https://juejin.im/post/5b1a22...
來源：掘金
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請注明出處。