React redux
注意点一:
如果在reducer中使用,且xx或者yy是对象或者list
state.merge({xx: action.xx, yy: action.yy})
那么在使用时应该
const mapStateToProps = state => {let page = state.page;return {xx: page.getIn(['xx']).toJSON(),yy: page.getIn(['yy']).toJSON(),} };
注意点二:
初始化map类型的state
const defaultState = fromJS({tagStatusList: {"ifPassTagChecked": true, "ifFailTagChecked": true, "ifSkipTagChecked": true}});export default (state = defaultState, action) => {switch (action.type) {case constants.CLICK_FILTER_CASE_STATUS_TAG:return state.set('tagStatusList', fromJS(action.tagStatusList));default:return state;} }const mapStateToProps = state => {let autoTestReport = state.autoTestReport;return {tagStatusList: autoTestReport.getIn(['tagStatusList']).toJSON(),} };
转载于:https://www.cnblogs.com/xiaochengzi/p/10843298.html
React redux相关推荐
- React+Redux开发实录(一)搭建工程脚手架
React+Redux开发实录(一)搭建工程脚手架 React+Redux开发实录(二)React技术栈一览 搭建工程脚手架 准备工作 安装node 安装git 安装一款前端IDE 推荐VSCode, ...
- 基于 react, redux 最佳实践构建的 2048
前段时间 React license 的问题闹的沸沸扬扬,搞得 React 社区人心惶惶,好在最终 React 团队听取了社区意见把 license 换成了 MIT.不管 React license ...
- React Redux 的一些基本知识点
一.React.createClass 跟 React.Component 的区别在于后者使用了ES6的语法,用constructor构造器来构造默认的属性和状态. 1. React.createCl ...
- 【视频】React redux toolkit创建状态切片
React redux toolkit创建状态切片
- react实战项目_React实战之React+Redux实现一个天气预报小项目
引言 经过一段时间的React学习,React和Vue的开发确实有很大的不同,但是都是MVVM框架,因此上手没有很大的难度,这次用React+Redux开发一个天气预报小项目.源码地址:https:/ ...
- React+Redux仿Web追书神器
引言 由于 10 月份做的 React Native 项目没有使用到 Redux 等库,写了一段时间想深入学习 React,有个想法想做个 demo 练手下,那时候其实还没想好要做哪一个类型的,也看了 ...
- react+redux+generation-modation脚手架搭建一个todolist
TodoList 1. 编写actions.js 2. 分析state 试着拆分成多个reducer 3. 了解store 4. 了解redux数据流生命周期 5. 分析容器组件和展示组件 搞清楚,数 ...
- webpack+react+redux+es6开发模式---续
一.前言 之前介绍了webpack+react+redux+es6开发模式 ,这个项目对于一个独立的功能节点来说是没有问题的.假如伴随着源源不断的需求,前段项目会涌现出更多的功能节点,需要独立部署运行 ...
- webpack+react+redux+es6开发模式
一.预备知识 node, npm, react, redux, es6, webpack 二.学习资源 ECMAScript 6入门 React和Redux的连接react-redux Redux 入 ...
- 一个 react+redux 工程实例
在前几天的一篇文章中总结部分提到了学习过程中基础的重要性.当然,并不是不支持大家学习新的框架,这篇文章就分享一下react+redux工程实例. 一直在学习研究react.js,前前后后做了几次分享. ...
最新文章
- 在String.Format [复制]中转义大括号'{'
- metasploit 中 exploit模块check方法简介
- iis7.5php.2,Windows2008 IIS7.5搭建PHP5.2
- JAVA_OA(五):SpringMVC接受传入页面的参数值
- openwrt安装编译
- 区分错误类型_汽车轮胎更换标准轮胎类型选择方式-详解
- Windows编程之多媒体
- var let this的区别
- Python机器学习:多项式回归001什么是多项式回归
- Redhat 6.5安装JDK和Tomcat小记
- Windows7电脑启动时提示文件winload.exe无法验证其数字签名,错误代码0xc0000428的解决方法
- java项目环境怎么写_开发环境怎么写
- Android Intent跳转第三方地图应用,传入地址
- win7系统wifi没有网络连接到服务器,Win7旗舰版没有无线网络连接怎么办?
- Android添加手机黑名单,手机来电拦截实现详解与Demo,一个不错的练手项目,涵盖Android四大组件。
- CAD关于图层隐藏图层操作(com接口网页版)
- ECDH_SECP256R1 + X9.63 KDF-SHA256
- 读书笔记:《好团队激活个人--猫鼬教你如何带团队》
- 虚拟主机安装php网站教程,虚拟主机简单安装wordpress教程
- vue-amap添加某个省市县区的边界线,添加某个省市县区的行政区划
热门文章
- stc15w4k32s4管脚图_STC15W4K32S4系列
- java 中j= i_java中 i = i++和 j = i++ 的区别
- 计算机辅导资料,计算机基础辅导资料.doc
- 解决Ubuntu下Qt Creator无法输入中文
- AI学习笔记(十一)CNN之图像识别(上)
- 自动定位失败_自动化测试01
- XDeepFM高阶特征交互,特征交互:一种极深因子分解机模型
- android ui设计当前不同版本的变化,Android 4.0设计规范 十大界面改变
- 数据结构排序系列详解之七 归并排序
- 某大型银行深化系统技术方案之十:核心层之任务调度