react hooks 太多的useState 显得很冗余，有没有什么规整的方法呢？

Question

初次使用hooks，发现每需要更新一个内容就要设置一次useState,这样显得代码很冗余，有优化的好写法吗？求指导

Answer 1

useReducer，楼上都给出了，还有其它的地方需要注意的，一个是你的useEffect第二个参数数组里的参数值是对象是不会阻止执行的，再一个方法里直接修改state值不可取，里边的map是有返回值的，如果仅做遍历，个人不推荐这样去用map，还有isAddTeamHandle方法里你是做了浅复制的，直接修改会改变原有对象的值的，这些也是我以前经常忽视的，希望对你有用，你先思考一下解决办法，有问题咱们再交流。

Answer 2

useReducer

Answer 3

以对象属性来代替单个赋值，如

const [modal, updateModal] = useState({team: false, gift: false})

Answer 4

拆分更小组件 + reducer

Answer 5

我来学习一下

Answer 6

理解一下 reducer 是用来干嘛的