React 中的 useState 是什么？

Question

我在学习 React 时遇到了这个“useState”。

使用它代替状态类有什么优点和缺点？

它可以替代其他生命周期钩子吗？喜欢componentDidMount，componentDidUpdate等等？

Answer 1

UseState 作为react-hooks 的一部分发布。基本上，随着钩子的引入，您不再被迫使用类只是为了能够利用反应核心功能（例如状态）。您现在可以使用基于函数的组件来操纵状态。

单击后，状态将修改为 Jimmy。

是的，您也可以访问 prevState 并进行 API 调用。

const User = () => {
  const [userInfo, setUserInfo] = React.useState({ 
    firstName: 'John', lastName: 'Doe',
  });

  return (
    <div>
      <p>userInfo: {JSON.stringify(userInfo)}</p>
      <button onClick={() => setUserInfo({ firstName: 'Jimmy' })}>Update name to Jimmy</button>
    </div>
  );
}