React Native&Redux state状态变化

作者: 素笺淡墨染流年 | 来源:发表于2018-03-03 16:40 被阅读150次

    这个问题困扰我几天了,一直解决不了,各种尝试,才知道自己还差的很远。

    首先,上面那个标题是错的 错的 错的,之所以这样写是方便搜索。

    之所以没有快速发现问题所在,是因为自己打印的state,我只打印了next state,没有看到pre state的变化。集成了redux-logger才看出来,所以一个直观的日志还是需要的。

    深度录屏_选择区域_20180303160837.gif

    代码是这个样子的:


    TIM截图20180303153044.png

    然后看看状态:


    TIM截图20180303152939.png

    从这个状态来看,我们把之前和之后状态都修改了,所以组件没有更新。在代码里面我们直接对上一个state进行了修改,所以这里的解决办法就是拷贝一份数据进行修改

    修改如下:

    TIM图片20180303163709.png

    我这里用了JSON方法,也可以通过其他的方式进行拷贝。

    深度录屏_选择区域_20180303161117.gif

    最后一句话:pre state 和 next state对比变化组件才会更新

    相关文章

      网友评论

      • 殷众:Object.assign(data,{})
        素笺淡墨染流年:@殷众 嗯嗯 我修改成[...state.datas]了
        殷众:当然有时候还有深拷贝浅拷贝的问题,所以 用immutable 或者 mobx 或者 尽可能扁平数据 这个 stringify 和 parse 真的 有点不太好

      本文标题:React Native&Redux state状态变化

      本文链接:https://www.haomeiwen.com/subject/mfatfftx.html