redux

redux

1.创建store.js

)]

2.创建reducer.js

)]

要生成一个redux文件夹，里面放store.js和reduce.js文件

在需要引入store的组件里引入import store from ‘…/…/redux/store’,

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-86V1iINj-1639109358367)(
)]

在组件里获得store的状态 store.getState()

向redux传递动作 store.dispatch({type:’ ',data:value})

)]

)]

异步action

容器组件和UI组件

)]

容器组件

)]

容器组件是连接UI组件和redux的，store是在App.js中通过props传入的

UI组件

)]

UI组价里的内容是要渲染在页面上的，不能使用redux的api，只能通过容器组件传过来的方法

provider

)]

在index.js中引入provider，并且将App组件包裹住，就可以将store传入每一个容器组件中

组件之间数据共享

)]

想要的状态都要从容器组件身上取

)]