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对比变化组件才会更新

相关文章

  • React Native&Redux state状态变化

    这个问题困扰我几天了,一直解决不了,各种尝试,才知道自己还差的很远。 首先,上面那个标题是错的 错的 错的,之所以...

  • redux学习笔记(一)

    简介 redux是一个状态管理库,试图让 state 的变化变得可预测首先我们要明白Redux 和 React 之...

  • Redux 笔记(简记)

    Redux React: state ==> DOMRedux: Store管理全局状态 ==> 让组件通信更加容...

  • react-router-redux

    react-router-redux 保持路由与应用状态(state)同步 早前库的名字为redux-simple...

  • react-redux

    react-redux react-redux可以使redux的state成为组件的属性,dispatch的act...

  • redux your webApp

    redux简介 简单来说,redux 就是帮我们统一管理了 react 组件的 state 状态。 为什么要使用 ...

  • Redux for ReactNative (一)

    Redux 是 JavaScript 状态(state)容器,提供可预测化的状态管理。 React组件的两种类型的...

  • React+Redux搭建项目

    原理react数据改变是通过state来处理的,而添加redux是为了通过一个store统一管理state数据变化...

  • 两张图看懂 React Redux 架构和数据流

    React 技术栈 React - 视图层Redux - 状态、数据层React-Redux - 连接Redux-...

  • Redux 源码之 createStore.js 与小细节分析

    Redux 是试图让 state 的变化变得可预测,梳理复杂状态的 JavaScript 状态容器。遵循数据单向流...

网友评论

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

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

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