Redux

Study_Min
73 阅读1分钟

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

Reducer就是传入旧的state，通过action处理返回新的state。 image.png

store只负责保存数据，不负责处理数据，所以需要Reducer image.png

修改state中数据，action接收两个参数。 image.png image.png

Reducer处理state，不能修改，只能重新赋值。 image.png

store的订阅和推送 image.png image.png

image.png

引入 image.png image.png

使用高级函数withTranslation实现国际化，传入i18n的typeScript定义WithTranslation，小写withTranslation为高级函数。

image.png

使用钩子函数useTranslation实现国际化 image.png 同时调用i18n切换语言环境 image.png redux代码实现和实现原理已经完成

下面是React-redux插件 image.png

image.png

image.png

image.png

image.png

image.png

函数式组件版本

image.png 这里需要剥离RootState，通过TypedUseSelectorHook实现 image.png

image.png

avatar
文章
阅读
粉丝