reactjs - 如何在 useState Hook 之后立即执行函数？

Question

在类组件中，我能够执行以下操作:

this.setState({loading: true}, () => console.log('state updated'));

使用 useState 的功能组件中的等价物是什么？

Answer 1

如果您想要在设置状态后执行其他逻辑，这些逻辑通常会包装在特定于正在执行的操作的处理函数中:

import React, { useState } from 'react'

const Component = () => {
  const [loading, setLoading] = useState(false)

  const handleLoading = () => {
    setLoading(true);
    console.log('state updated');
  }

   return <button onClick={handleLoading}>Click Me</button>;
}

注意:正如 @Federkun 下面所指出的，这不会为您提供刚刚设置的状态，因为组件尚未重新渲染。