0
点赞
收藏
分享

微信扫一扫

【react-redux】的基本使用

艾晓雪 2022-01-09 阅读 41

react-redux 原理图

  1. UI组件不直接使用redux
  2. 通过在外层再套一个容器组件,这个容器组件是核心,可以使用reducx的任何api
  3. 然后把状态state,操作状态的方法 传给UI组件
    在这里插入图片描述

复习一下redux原理:

在这里插入图片描述

1. redux文件夹

1. constant.js

在这里插入图片描述

2. actions.js

在这里插入图片描述

3. store.js

在这里插入图片描述

4. reducer.js

在这里插入图片描述

2. index.js 入口文件

在这里插入图片描述

3. App.jsx 整个应用的容器组件

在这里插入图片描述

react-redux基本使用:

1. container文件

  1. 初步建立联系
    在这里插入图片描述
  2. 基本使用
    在这里插入图片描述
  3. 核心函数 connect函数
    在这里插入图片描述

2. UI文件

在这里插入图片描述

总结

在这里插入图片描述

举报

相关推荐

0 条评论