无法在反应js中更新useState

Question

我有几个 state 对象。 现在我想在用户关闭Modal时将所有 state 对象更新为true 。

我的代码：

 const initialState = { one: false, two: false, three: false } const [state, setState] = useState(initialState); const showModal = (e) => { setState({...initialState, [e.target.value]: true}) } const hideModal = (e) => { setState({...initialState}) }

接下来我可以尝试什么？

Answer 1

您可以通过在更改时访问当前的 state 来更改每个 boolean。

function hideModal() {
  setState((current) => (current = { one: false, two: false, three: false }));
}

function showModal() {
  setState((current) => (current = { one: true, two: true, three: true }));
}