react-redux基本介绍

是什么

react-redux 是redux官方提供的 React绑定库，用于将React和Redux store连接起来，让用户在React中读取store和派发actions

如何使用

react-redux有两种使用方式，一种是通过connect API，另外一种则是通过Hooks。connect是一种早期的解决方案，主要结合类组件使用。在Hooks组件中，推荐使用Hooks API。在本文中，主要介绍Hooks的使用方式。

react-redux的使用主要分为以下两步：

1. 提供store。Provider组件用于提供react-redux上下文，使Provider组件下的组件树都可以访问到store。
2. 使用store（读取state和dispatch action）
   1. useSelector方法用于从state中提取数据，接收selector函数，selector接收state并返回需要的数据（state=> state[key]）。
   2. useDispatch方法用于获取dispatch函数的引用，调用该函数并传入action即可实现state的更新。dispatch调用后会触发selector运行，useSelector会根据selector返回的结果与上一次的数据进行全等比较，发生变化时会重新渲染组件。
   3. useStore方法用于返回store的引用。

意义

我们在UI框架中使用redux，通常情况下我们需要自己去订阅store，获取当前store并提取UI渲染所需数据、根据数据渲染UI，dispatch action检查数据更新后更新UI。这些store和UI的交互逻辑在react-redux内部处理并进行一定的优化，开发者可专注专注于业务进行开发。