废话不多说了 本次使用的方法是 usedispatch 触发 和useselector 获取数据

首先创建一个react 项目

create-app-react react-redux-demo

创建一个pages文件夹 一个A页面一个B页面 引入到 app.js

在这里插入图片描述
页面效果如下 一个按钮 一个展示

在这里插入图片描述
然后引入react-redux 和 redux

npm i react-redux && npm i redux

根目录创建reducer

在这里插入图片描述

根目录创建store

在这里插入图片描述

使用Provider包裹组件 将store传入

在这里插入图片描述

使用useSelector 获取初始化数据

在这里插入图片描述
页面效果 打印出来的state 就是我们在reducer里面定义的initState
在这里插入图片描述

使用useDispatch 触发方法更改数据

在这里插入图片描述

最后效果

在这里插入图片描述

# javascript # react.js
Logo
华为开发者空间

华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。

更多推荐

cover

解析openGauss账本数据库

avatar 华为开发者空间
cover

GaussDB高智能--库内AI引擎：模型管理&数据集管理

avatar 华为开发者空间
cover

GaussDB高智能--库内AI引擎：机器学习算法的训练和推理

avatar 华为开发者空间