Redux
文章平均质量分 52
Cao_Mary
这个作者很懒,什么都没留下…
展开
-
Redux DevTools工具的安装
什么是Redux DevTools?Redux DevTools是一款由Redux官方提供的浏览器调试工具,可以让我们更加方便的对Redux保存的状态进行追踪调试。大白话就是:类似于Vuex。完整项目地址:https://github.com/reduxjs/redux-devtoolsRedux DevTools chrome扩展程序地址:https://github.com/zalmoxisus/redux-devtools-extension(用于下载工具压缩包)如何使用Redux De原创 2022-04-27 11:04:04 · 1961 阅读 · 2 评论 -
Redux DevTools的安装与使用
Redux DevTools的安装与使用1.什么是Redux DevTools?2.如何使用Redux DevTools2.1在浏览器中安装Redux DevTools2.2 添加Redux DevTools中间件配置1.什么是Redux DevTools?Redux DevTools是一款Redux官方提供的浏览器调试工具,可以让我们很方便的对Redux保存的状态进行追踪调试完整项目地址chrome扩展程序地址(用于下载工具压缩包)2.如何使用Redux DevTools注意:我使用原创 2021-05-28 13:28:32 · 5554 阅读 · 2 评论 -
ReferenceError: primordials is not defined
问题:使用npm打包Redux DevTools工具,报错:ReferenceError: primordials is not defined解决办法:将node版本降级为11.15.0【也可升级gulp】。说明:报错的原因,很多解释是说打包的时候node和gulp版本冲突,建议使用node12以上(>12)且gulp3以上(>3)版本打包。或者node不大于12(<=12)且gulp不大于3(<=3)进行打包。个人因担心gulp升级4以上,语法有变化造成不能成功打.原创 2021-05-28 12:53:15 · 1082 阅读 · 0 评论 -
Redux基本介绍【状态管理器】
本文每节之间有一定关联关系,建议小白阅读全文。大神们找对应章节内容即可。Redux基本介绍【React状态管理器】1 基本概念1.1 什么是Redux?1.2.什么是可预测的状态管理?1.3.为什么要使用Redux?1.4.Redux核心理念2 三大原则3 基本使用3.1 单独使用Redux4 React使用Redux5 React子组件中使用Redux1 基本概念1.1 什么是Redux?Redux是一个管理状态(数据)的容器,提供了可预测的状态管理1.2.什么是可预测的状态管理?数据 在什么原创 2021-05-03 11:01:15 · 298 阅读 · 0 评论 -
React中使用React-Redux
安装:npm i react-redux在祖先组件【index.js】中,导入Redux。使用Provider包裹祖先组件的内容。并在Provider中传递store属性。// index.jsimport ReactDOM from 'react-dom'; // 虚拟DOM转换为真实DOMimport React from 'react'; // 将JSX转换为createElementimport App from "./App";import {Provider} from "reac.原创 2021-04-29 12:47:34 · 201 阅读 · 0 评论 -
React子组件中使用Redux
App.jsimport React from 'react'; // 生成虚拟DOMimport store from "./store/store";import {addAction, subAction} from "./store/action";import Son from "./Components/Son";import Son2 from "./Components/Son2";import './App.css'class App extends React.PureC原创 2021-04-29 12:43:21 · 311 阅读 · 0 评论 -
编写利于维护的Redux
1 项目文件夹/src文件夹中新建store文件夹,新增store.js文件、reducer.js文件、constants.js文件、action.js文件store.js文件import {createStore} from "redux";import reducer from "./reducer";// 利用store来保存状态(state)const store = createStore(reducer)export default store // 暴露出来reducer..原创 2021-04-27 16:42:59 · 100 阅读 · 0 评论