react修改state的坑,今天终于学到了...

今天在做了个评论的模块,贴下代码

-太长了直接贴截图

需求是点击删除,删除对应的评论

然后我这边使用的是splice方法直接修改state的commentList数组,结果出现两个坑

第一是splic方法返回的是被删除的值,同时splice() 方法会直接对数组进行修改。

• 也就是说,我不能直接在变量后面+ splice() ,这样得到的值是被删除的值
• 而是应该在原本的变量数组使用splice()方法后,再调用这个变量,因为这个变量的值已经改变了

第二十react的state不能直接去修改

• 直接修改state,react不会重新render.
• 这个是react设计的时候就决定的
• 所以要浅拷贝一个新的数组,然后将这个新的数组的某一项删除,将这个改变了的数组赋值给state,页面才会重新渲染! ! !

太坑了,主要是我还没习惯