先安装 yarn add reduxreact-reduxredux-thunk

创建文件一

在src下创建store,js文件

store.js里引入redux 结构出来createStore

1.并且暴露出去
2.在文件里面并且引入reducer
3.把thunk引入进来
4.引入参数applyMiddleware
5.把thunk传进去
使用redux实现组件数据共享
这样就创建成功了

创建文件二

在src里创建文件夹reducer里面在创建一个index.js
1.引入combineReducers
2.在引入自定义文件notifications
3.映射出notifications
使用redux实现组件数据共享

创建文件三

reducer文件里面创建notifications.js

下面这三句话是重点 在这里扩展一下三句话

1.reducer必须是一个纯函数 固定的输入必须要有固定的输出,内部不能有不纯的操作 new Date Math.random()
2.内部不能有IO操作 、异步操作
3.千万不能去更改之前的状态

在文件里的操作

1.在这里要接受两个参数state,action
2.做一下判断action.type
3.定义初始化状态,有了状态后给一个初始值initState

使用redux实现组件数据共享

文件四是src最外层的index.js文件

使用redux实现组件数据共享

全部文件弄好了后,就可以通过操作文件和redux创建连接了

使用redux实现组件数据共享

上面全部搞定

下面就可以去使用了
先去拿共享状态

在操作文件里面那到共享状态,并且渲染

使用redux实现组件数据共享

相关文章: