React : setState使用

Question

有什么区别

1

const [state, setState] = useState(0)

setState(state+1)

2

const [state, setState] = useState(0)

setState(...prevState => prevState+1)

Answer 1

在第一个选项中，基于文档

setState函数用于更新状态。它接受一个新的状态值，并对组件的重新呈现进行排队。

在第二个选项中，称为功能更新

如果使用以前的状态计算新状态，则可以将一个函数传递给setState。该函数将接收前一个值，并返回一个更新的值。

因此，基本上，如果您希望确保您的状态将根据以前的状态进行更新，则需要使用第二个选项。

请进一步阅读useState的正式文档。

我希望这能澄清！