在 React 中使用 useState 钩子为多个设置状态渲染一次

Question

有没有办法在更新多个状态后刷新/渲染一次功能组件？

例如：

const [first, setFirst] = useState(false);
const [second, setSecond] = useState(false);

当被叫...

...
setFirst(true);
setSecond(true);

...然后该组件将刷新两次。是否可以同时设置并刷新（或渲染）一次？

Answer 1

您可以将状态用作对象并将它们设置为一个而不是单独的状态，例如

const [exampleState, setExampleState] = useState(
  {fields: {
        fieldOne: false,
        fieldTwo: false
        }
   })

你可以这样设置

    setExampleState({...exampleState, fields: {
        fieldOne: true,
        fieldTwo: true
        },
   })