VIP32/react/react高阶/Redux.md

1.官网：https://www.reduxjs.cn/introduction/getting-started

2.Redux:是一个基于React的状态管理库，实现跨组件传参

3.安装Redux:npm install @reduxjs/toolkit react-redux redux

4.Redux在框架中使用

a.需要在根文件中引入store实例 b.在react-redux库中引入私有组件 c.使用组件包裹根页面 并在组件中绑定store实例

5.核心概念

1.State: 与Vuex相似，统一存储状态值 2.Action:是一个对象，译为：行为；包含两个字段

a.type 类型，事件相关类型，必传
b.payload 可传参数值 选传

3.Reducer:是一个函数，绑定了所定义的修改函数的状态，也可以是一个对象，里面包含多个

     定义的修改状态，进而合成一个大的reducer

6.组件引入状态

为了便携开发，采用hook方式 useSelector():返回state中的状态值 let xxx = useSelector((state) => {return state...})

7.修改方法

采用dispath触发action行为 使用useDispath():触发action所定义的类型方法 let dispath = useDispath() dispatch(方法名())

8.状态管理库Store

1.从RTK中引入创建store的方法configureStore 2.创建store const store = configureStore({

reducer: {
    定义的修改函数状态，...
}

}) 3.修改函数状态方法定义 4.抛出store 5.如需使用定义的函数方法 需在讲方法单独抛出

创建react项目： 1.npx create-react-app 项目名 2.npm install create-react-app create-react-app 项目名

3.起项目：在当前文件的根目录起项目 命令在package.json文件夹中 scripts下