react mobx 数据更新小坑记录

最新推荐文章于 2025-05-31 20:23:59 发布

原创最新推荐文章于 2025-05-31 20:23:59 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react

本文记录了从Vue的this.$set切换到React时遇到的数据更新问题。初试者可能误用直接赋值的方式更新状态，导致异步获取的数据无法渲染。文章强调React需要通过返回新数组或对象来触发页面重新渲染，避免数据更新不被检测的问题。

react 数据更新小坑记录

一开始使用图片中注释的写法，页面中渲染的数据是异步获取之前的数据，注释中的写法是从vue项目vuex复制过来的，vue项目中使用的是this.$set赋值，到了react中以为改为直接赋值就好了，结果是异步获取的数据无法渲染，后改为map，返回一个新数组才会重新渲染页面，react要改变对象才会渲染，检测不到对象中的数据变化，特此记录。