钩子中的状态跟踪和道具-React如何保持(跟踪)钩子中的状态和道具?

React通过内部计数次数来跟踪状态 useState 第一次安装组件时称为。传递到的值 使用状态 然后设置为React的内部状态。例如,给定

const Component = () => {
  const [state1, setState1] = useState('one');
  const [state2, setState2] = useState('two');
  return 'foo';
};

然后,React将在内部存储以下状态:

['one', 'two']

在(隐藏的、内部的)状态数组中为 使用状态 确实如此。

当调用状态设置器时,内部状态数组中的相应项将被更新,然后组件将重新呈现。当组件重新渲染时,每个 使用状态 然后调用返回内部状态数组中的相应项。第一个 使用状态 调用将返回内部状态数组中的第一项,第二项 使用状态 call将返回第二项,依此类推。

在代码中,使用钩子,click处理程序在值上有一个闭包 count

如果您使用的是类组件,则必须在回调模式下使用setState()来访问以前的状态

不是真的-如果此代码是类组件,则可以自由引用 this.state.count 直接使用回调版本。