react ---redux-immutable 使获取行为统一

最新推荐文章于 2025-06-19 14:39:21 发布
原创 最新推荐文章于 2025-06-19 14:39:21 发布 · 152 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

博客介绍了redux-immutable的安装方法，使用yarn add redux-immutable进行安装。还说明了在项目中使用的步骤，如打开store文件夹里的reducer.js，用redux-immutable替换combineReducers组件，以及进入header文件下的index.js获取数据，提到有两种获取数据的方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

  1. 安装redux-immutable
    1. yarn add redux-immutable
  2. 打开项目的总文件夹中的store文件夹里面的reducer.js
  3. 把combineReducers组件用redux-immutable 
    1. import { combineReducers } from 'redux-immutable'

       

  4. 进入header文件下的index.js

  5. 获取数据两种方法

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

       

    2. focused:state.getIn(['header','focused'])

      两种方法都可以

create-react-redux-app：基于create-react-app的React样板
02-05
创建React Redux应用 该项目是通过。 该项目包括额外的redux软件包和改进的文件结构。 目录 已添加到应用程序的依赖项 还原 react-redux Redux-Saga 一成不变的 React路由器域 react-router-redux ...
React-Redux-Saga-Advanced-Starter：用于React，Redux，React-Router-Redux，Redux-Saga，Immutable，Reselect，Recompose，Axios，HMR，Babel v7，Jest，Eslint等的高级用法样板
02-05
该项目是通过。 这是一个高级样板项目，使用： Redux Axios 重新选择 一成不变的 ... > cd React-Redux-Saga-Advanced-Starter > yarn install > yarn start > in your Browser open http://l
React之Immutable学习记录
大灰狼的小绵羊哥哥的博客
11-21 3413
从问题说起：熟悉 React 组件生命周期的话都知道：调用 setState 方法总是会触发 render 方法从而进行 vdom re-render 相关逻辑，哪怕实际上你没有更改到 Component.state this.state = {count: 0} this.setState({count: 0});// 组件 state 并未被改变，但仍会触发 render 方法
在react、redux中immutable.js的使用方法（immutable对象）
初心 - 杨瑞超个人博客
01-08 1002
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828 官方文档：https://facebook.github.io/immutable-js/docs/#/ ，这个是需要翻墙的噢~ 今天来研究下immutable.js的使用方法： 概述 因为在redux的过程中，我们不能直接改变state数据，需要返回...
Redux与React-Redux ： 快速入门
qq_52623552的博客
06-19 823
修改数据必须走流程：
React-Redux详解
m0_51429350的博客
04-23 1822
‌React-Redux 是 Redux 的官方 React 绑定库，用于在 React 应用中实现状态集中管理，通过 Store 统一维护全局状态，并通过 Action 和 Reducer 实现状态的更新与同步。
react redux-immutable
大路宽宽的博客
12-22 600
Immutable.js immutable出现的背景 在我们的日常开发中，我相信大家都遇到过一种困扰，那就是如何将后端返回的数据，深拷贝一份，再供我们自己使用呢？ 如果用过React框架开发过项目的小伙伴，也一定记得Redux中的reducer是基于纯函数设计的，要求返回的状态数据(对象或数组)，需要先深拷贝一份（目的是：防止影响老状态），再根据自己的开发需求对其拷贝后的值操作？ 这是使用redux、reducer中修改数据的代码： let list = [ { name: 'house'
React-Redux使用
一只小松鼠_的博客
03-04 1341
官方推荐的编写 Redux 逻辑的方法。包封装了核心的redux包，包含我们认为构建 Redux 应用所必须的 API 方法和常用依赖。Redux Toolkit 集成了我们建议的最佳实践，简化了大部分 Redux 任务，阻止了常见错误，并让编写 Redux 应用程序变得更容易要写任何的 Redux 逻辑，你都应该使用 Redux Toolkit 来编写代码创建 Redux Toolkit 来消除手写 Redux 逻辑中的「样板代码」，防止常见错误，并提供简化标准 Redux 任务的 API。
React Native+react-navigation+redux必备教程
fengyuzhengfan的专栏
03-28 770
期待已久的新教程上线啦！解锁React Native开发新姿势，一网打尽React Native最新与最热技术，点我Get!!! 为了帮助大家快速上手在React Native与Redux开发，在这本文中将向大家介绍如何在React Native中使用Redux和react-navigation组合?，以及一些必备基础以及高级知识。 本参考了《新版React Native+Redux打造高...
React使用redux react-redux redux-thunk
lihaipi的博客
07-21 964
React redux [ˈriˌdʌks] 〇、预备 安装 npm install --save redux npm install --save react-redux(基础款用不上) npm install --save redux-thunk npm install --save-dev redux-devtools(不必要) 一、基础版 已经将reducer和actions抽出 1.仓库文件 // 1.创建仓库对象，解构必要的函数，并引入redux-thunk改装增强redux import {
react-router-dom@6-----react-redux
gqlazycats的博客
07-14 237
react-router-dom@6-----react-redux
react-tetris：使用React，Redux，Immutable编码Tetris。 :video_game:
02-05
用React，Redux，Immutable做俄罗斯方块 俄罗斯方块是一直类别程序语言热衷实现的经典游戏，JavaScript的实现版本也有很多，用React做好俄罗斯方块则变成我一个目标。 戳： ://chvin.github.io/react-tetris/玩一玩...
react-starter-kit:使用redux，react-router，react-from，immutable创建一个react项目
05-16
使用AJAX请求获取数据 与API后端集成 节点 Ruby on Rails 在开发中代理API请求 配置代理后出现“无效的主机头”错误 手动配置代理 配置WebSocket代理 在开发中使用HTTPS 在服务器上生成动态<met
react-hook-wangyiyun:react-hooks+redux+immutable完成的网易云项目
04-12
Create React App入门 该项目是通过引导的。 可用脚本 在项目目录中，可以运行： yarn start 在开发模式下运行应用程序。 打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。 您还将在控制台中看到任何...
江南大学《机器学习》课程大作业：人脸图像性别分类研究
08-17
资源下载链接为： https://pan.quark.cn/s/cbbca0734eb7 江南大学《机器学习》课程大作业：人脸图像性别分类研究（最新、最全版本！打开链接下载即可用！）
rhnsd-5.0.35-3.module_el8.1.0+211+ad6c0bc7.tar.gz
08-17
# 适用操作系统：Centos8 #Step1、解压 tar -zxvf xxx.el8.tar.gz #Step2、进入解压后的目录，执行安装 sudo rpm -ivh *.rpm
使用 Flask 开发集成 ECharts/Pyecharts 的机器学习模型部署 Web 程序
08-17
资源下载链接为： https://pan.quark.cn/s/1d8f808b0e2f 使用 Flask 开发集成 ECharts/Pyecharts 的机器学习模型部署 Web 程序（最新、最全版本！打开链接下载即可用！）
suwadaimyojin_lora-dataset-processor_49536_1755320309460.zip
08-17
suwadaimyojin_lora-dataset-processor_49536_1755320309460.zip
基于搜狗新闻语料库的中文文本分类实践：传统机器学习与预训练模型应用研究
最新发布
08-17
资源下载链接为： https://pan.quark.cn/s/37d48e130898 基于搜狗新闻语料库的中文文本分类实践：传统机器学习与预训练模型应用研究（最新、最全版本！打开链接下载即可用！）
逐步掌握React-Redux教程：Redux使用入门
在React-Redux中，提供了一套桥梁（API），允许React组件以声明式的方式从Redux store中获取数据，并且在数据变化时更新视图。 ### 知识点二：Redux的基本原理与核心概念 Redux 的核心概念包含以下几个部分：Store...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值