![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 61
记录学习react的一些使用
堵车了
这个作者很懒,什么都没留下…
展开
-
3.4 redux toolkit结合react-redux的使用
参考文档:redux toolkit官网1.实现src/index.jsimport React from 'react';import ReactDOM from 'react-dom';import './index.css';import App from './App';import reportWebVitals from './reportWebVitals';import { Provider } from 'react-redux'import {store} from '原创 2021-09-13 10:50:14 · 277 阅读 · 0 评论 -
3.3 reducer拆分-combineReducers的使用
1.简介对于一个大型的应用,将所有的更新逻辑都放入到单个 reducer 函数中都将会让程序变得不可维护。一般来讲,函数应该比较短,并且只做一件特定的事。因此,把很长的,同时负责很多事的代码拆分成容易理解的小片段是一个很好的编程方式。基于 Redux 的应用程序中最常见的 state 结构是一个简单的 JavaScript 对象,它最外层的每个 key 中拥有特定域的数据。类似地,给这种 state 结构写 reducer 的方式是分拆成多个 reducer,拆分之后的 reducer 都是相同的结构(原创 2021-09-10 16:33:43 · 255 阅读 · 0 评论 -
3.2 redux结合react-redux使用
1.简介react-redux是基于 容器组件和展示组件相分离 的开发思想。理解该思想文章展示组件:用于页面展示,不与redux直接打交道,通过容器组件传递的props来获取redux里面state的数据容器组件:相当于中间人,展示组件将redux数据以props属性传递给展示组件,当展示组件想修改redux数据则需要通过容器组件去派发展示组件容器组件作用描述如何展现(骨架、样式)描述如何运行(数据获取、状态更新)直接使用 Redux否是数据来源pro原创 2021-09-10 15:04:11 · 128 阅读 · 0 评论 -
3.1 redux的基本使用(同步和异步)
参考文档:react-redux官网redux官网1.相关概念1.redux的作用redux是用来做全局状态管理2.redux三大原则单一数据源:整个应用中的state被存储在一个store中,即store对象只有一个state只是可读的:唯一改变state里面值的方式是通过action来触发使用纯函数来执行修改:reducer是函数,通过执行里面的代码来实现修改2.redux的基本实现app.jsimport React, { Component } from 'react'i原创 2021-09-10 10:30:43 · 822 阅读 · 0 评论