uni_酷奇
2022-09-15 23:48:43浏览 674
课程:React18 系统精讲
章节:redux
讲师:阿莱克斯刘
课程内容:
一、创建store
a. 创建store
i. 在src文件夹下,新建redux文件夹
ii. 在redux文件夹下,创建store.js文件
b. 创建reducer
i. 在src文件夹下,新建reducer.ts文件
ii. 将reducer方法写成匿名方法,导出。(这个匿名方法就是reducer)
iii. 方法接收两个参数,第一个是传入的旧数据,第二个是更新数据的方式
iv. 最后return 处理后的新数据,这里没有逻辑,就直接return旧数据
v. reducer方法,通过action对state做出处理,最后return处理后的数据
c. 给store初始化数据
i. 只需给state传默认值即可,若调用函数没传state,则使用默认数据
d. 连接store和reducer
i. 只需要将reducer做为参数传递给store即可
二、使用store数据
a. 在使用store数据的组件中引入store
b. 调用store,访问数据