前言

参考 https://github.com/sl1673495/react-cart 项目；

主要内容：

✨React Hook编写业务组件的实践

✨利用React.memo优化性能

✨如何避免Hook带来的闭包陷阱

✨抽象出简单好用的自定义hook

代码仓库

https://github.com/zzx-wj/react-cart.git

需求分解

作为一个购物车需求，那么它必然涉及到几个需求点：

1. 勾选、全选与反选。
2. 根据选中项计算总价。

需求实现

React.memo性能优化

总结

1 自定义hook把通用逻辑抽取出来后，我们业务组件内的代码量大大的减少了，并且其他相似的场景都可以去复用。

2 hooks的使用：useReducer；