JerryZhai2019
commented
2 years ago 众所周知，mapStateToProps必须是个纯函数，只要有相同的输入，一定会有相同的输出，不会有任何副作用，没有异步操作。输入是state,输出是一个对象，这个对象会被变为connect组件的props.
其实，这个函数通常是选取了state的一个子集，通过props映射到了组件上。如果这个子集更新了，那么组合就会re-render
原理 当state更新时（即nextState ！==state,注意这里用===来比较，所以每次更新state需要用文章开头的方式来更新111111）react-redux会调用所有的mapStateToProps函数（所以每个mapStateToProps函数应该很快能运算结束，不然会成为应用性能瓶颈），针对每次调用mapStateToProps，检查函数的结果（是个对象）的每个key的value跟上一次对应的value是否一致如果所有value都一致，不会渲染这个组件；如果有任意一个value变了，就重新渲染该组件
PS. 所以 react-redux 中对mapStateToProps的结果的比较是浅比较，即会遍历所有 key 来判断是否相等，对每个 key 的 value 的判断方法是===。所以，要搞清楚“引用比较”（===）、“浅比较”、“深比较”的差别。
- 概念上的问题：因为redux会对比更新前后是否想等，不想等才会重新redender，如果state中是字面变量的值还好，地址会随值改变，浅拷贝就解决了
- 因为state本身就是对象，如果是某个属性是引用类型的object一定要记得用深拷贝（es6的扩展运算符），或者自己在reducer那处理成
- https://blog.csdn.net/mus123/article/details/106177594/
关键点在于connect函数的第一个参数：mapStateToProps