javascript - 无法理解 React setState 签名 "setState(updater[, callback])"

Question

我知道这可能是一个 JavaScript 问题而不是 React 问题，但我无法理解 React setState 的上述签名。

函数参数列表中的方括号和逗号有什么作用？

我知道如何将它与更新程序一起使用，但如何将它与回调一起使用以及这个语法​​是什么？

Answer 1

如果你只想更新状态，那么你可以使用setState({ key: 'value' })

如果你想在更新后立即对更新后的状态执行操作，那么你可以运行 setState({ key: 'value' }, () => callback()) 或 setState({ key: 'value' }, 回调)

回调函数应该是callback() { } 或 callback = () => { } 在 React 类组件中

回调函数将在更新状态后运行。

注意:我们使用回调是因为 setState 使用一些微秒来更新状态，下一行将在更新状态之前运行。然后我们传递更新状态后运行的回调。