Redux 计算衍生数据（缓存）

什么是衍生数据

官方文档翻译的是衍生数据，→→，其实就是缓存

为什么要计算衍生数据

In Redux, whenever an action is called anywhere in the application, all mounted & connected components call their mapStateToProps function. This is why Reselect is awesome. It will just return the memoized result if nothing has changed.

在Redux中，只要调用了mapStateToProps就会重新计算state，如果 slector 的计算量比较大，每次更新的重新计算就会造成性能问题。

解决方法：Reselect 提供 createSelector 函数来创建可记忆的 selector。createSelector 接收一个 input-selectors 数组和一个转换函数作为参数。如果 state tree 的改变会引起 input-selector 值变化，那么 selector 会调用转换函数，传入 input-selectors 作为参数，并返回结果。如果 input-selectors 的值和前一次的一样，它将会直接返回前一次计算的数据，而不会再调用一次转换函数直接利用之前的结果

如何计算衍生数据

Reselect 库可以创建可记忆的(Memoized)、可组合的 selector 函数。Reselect selectors 可以用来高效