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

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

阅读 8.7k
6 个回答

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

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

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

拆分更小组件 + reducer

image.png

理解一下 reducer 是用来干嘛的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏