React 学习笔记 day 7

Redux

三个核心概念

action

• 动作的对象
• 包含2个属性（type：标识属性，值为字符串，唯一，必要属性；data：数据属性，值任意类型，可选属性）
• 举例：{type: 'ADD_STUDENT', data: {name:'tom',age:18} }

reducer

• 用于初始化状态、加工状态
• 加工时，根据旧的state和action，产生新的state的纯函数

store

• 将state、action、reducer联系在一起的对象
• 如何得到此对象：import {createStore} from 'redux'；import reducer from './reducers'；const store = createStore(reducer)
• 此对象的功能：getState(): 得到state；dispatch(action)：分发action，触发reducer调用，产生新的state；subscrube(listener)：注册监听，当产生了新的state时，自动调用

Redux实现加法器

redux加法器完整版

 

学习视频地址：尚硅谷React教程（2022加更，B站超火react教程）_哔哩哔哩_bilibili