React-使用redux-immutable统一数据格式

迷南。 2023-02-19 09:23 15阅读 0赞

在header的reducer.js里把header变成immutable对象之后，在组件里获取focused属性就得这样获取：

focused:state.header.get('focused')

state是一个js对象，state.header是一个immutable对象，所以调用focused这个属性点时候先用.再用.get（），数据获取行为是不统一的。我们需要把state也变成immutable对象而不是js对象。

state是在跟目录的总的reducer.js下创建的，我们需要依赖一个redux-immutable库。

1.安装

npm install redux-immutable --save

2.跟目录下总的reducer.js里：combineReducers不再用rudux里的，而是redux-immutable里的，这样combineReducers里的对象就是一个immutable对象。

//combineReducers不再用rudux里的，而是redux-immutable里的，这样combineReducers里的对象就是一个immutable对象
    //import {combineReducers} from 'redux'
    import {combineReducers} from 'redux-immutable'
    import {reducer as headerReducer} from '../common/header/store'
    const reducer=combineReducers({
        header:headerReducer
    });
    export default reducer;

3.获取数据的时候用get()，或者getIn()

const mapStateToProps = (state) => {    
          return  {
              focused:state.getIn(['header','focused'])
              //focused:state.get('header').get('focused')
          }    
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，15人围观）

还没有评论，来说两句吧...

相关阅读

相关【Spring】统一事件的处理（拦截器、统一异常处理、统一数据格式返回）

文章目录前言一、Spring 拦截器 1.1 用户登录权限校验案例 1.1.1 最初的用户登录验证

我会带着你远行/ 2023年10月14日 17:13/ 0 赞/ 91 阅读

相关封装统一返回数据格式

import java.util.HashMap; import java.util.Map; / 操作消息提醒

╰半夏微凉°/ 2023年10月03日 18:11/ 0 赞/ 51 阅读

相关 react项目导出数据doc格式及其他格式方法

目录 1.场景 2.思路 3.实现第一步，准备数据，隐藏标签，绑定ref 第二步，通过模板字符串生成数据 -------------------- 1.

「爱情、让人受尽委屈。」/ 2023年09月28日 20:14/ 0 赞/ 24 阅读

相关 React-使用redux-immutable统一数据格式

在header的reducer.js里把header变成immutable对象之后，在组件里获取focused属性就得这样获取： focused:state.head

迷南。/ 2023年02月19日 09:23/ 0 赞/ 16 阅读

相关接口返回统一数据格式

前端与后端服务分离时，后端服务常常需要定义统一的数据格式以下面的json格式为例 { "code": 1, "msg": "成功",

小灰灰/ 2022年11月13日 13:26/ 0 赞/ 272 阅读

相关项目笔记4：统一返回数据格式

项目中我们会将响应封装成json返回，一般我们会将所有接口的数据格式统一，使前端(iOS Android, Web)对数据的操作更一致、轻松。一般情况下，统一返回数

╰+攻爆jí腚メ/ 2022年10月22日 04:13/ 0 赞/ 190 阅读

相关统一日志格式

1.日志对象统一日志格式方便查看定位问题又方便统计收集。定义一个LogObject对象，里面定义日志的各个字段。例如： import com.fasterxm

亦凉/ 2022年09月14日 14:24/ 0 赞/ 206 阅读

相关使用fastjson统一序列化响应格式

摘要：其实很简单的处理方式，只不够优雅，或者说没有找到fastjson为其提供便捷的处理方式。因此记录下处理该问题的过程。目标：将所有api请求，即响应为APPLICATI

灰太狼/ 2021年11月02日 15:32/ 0 赞/ 432 阅读

相关 react请求数据统一处理（axios）

开发中为了方便开发和便于维护，我们将所有的请求统一处理。这样可以提高我们的开发效率，而且便于后期的维护。在src目录下新建文件夹api，创建三个js文件：server.js

本是古典何须时尚/ 2021年09月16日 08:30/ 0 赞/ 658 阅读

相关 redux redux-immutable统一管理数据格式

将combineReducers内的reducer也转换成immutable对象,统一数据格式 1、安装 cnpm install immu

曾经终败给现在/ 2021年07月25日 00:05/ 0 赞/ 399 阅读