React setStats数组不更新，百思不得其解。

楼楼今日遇到个坑爹的问题。 就是 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
        }))

    }
复制代码

数组的长度已经变成了11可是 render 并没有更新！！，这是为什么呢？ 此方法已经是谷歌出来的东西，可是好像并没有成功

 this.setState((prevState, props) => ({
           imageList: lists
       }))
复制代码

但是楼主看了一下elementsUI 的代码后进行一次修改后，发现一下方案倒是成功了。百思不得其解，不知道那位小兄弟可以解答一下。

constructor(props) {
       super(props);
       this.state = {
       //这是把数组用一个对象包含起来
           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);
       });

   }
复制代码

这样使用对象进行修改的数组变量反而更新了。

这是为什么呢？ 无法解答