本文探讨了在使用redux开发时，通过react-redux的useSelector进行数据获取的性能问题。传统的redux订阅方式可能导致不必要的组件渲染，消耗性能。useSelector在数据变更时总是返回新对象，导致无法进行浅层比较以避免不必要的渲染。为了解决这个问题，文章建议在useSelector的第二个参数中添加shallowEqual来进行浅层比较，以优化性能。
我们在做redux的开发的时候可以借助react-redux来进行开发，从中获取到connect函数，将mapStateToProps和mapDispatchToPros以及组件传到connect函数中。包裹一层返回新的组件。然后这样组件就可以通过props来获取到redux中的数据以及函数。而且我们在不借助react-redux的时候需要用store.subscribe来监听数据的变化从而去改变组件内部的state的值进而去重新渲染整个页面，但是借助了react-redux我们就不需要去监听了。
但是我们发现这样是比较麻烦的，如果有很多组件我们每次都需要通过这种方式来传数据和改变数据的方法，在react-redux中有对应的hooks——useSelector
用const dispatch = useDispatch()直接拿到dispatch
const dispatch = useDispatch()
const {
topBanners} = useSelector(
最低0.47元/天 解锁文章
扫一扫
1745
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
