从显示组件中获取状态

从显示组件中获取状态的一种常见方法是使用React的Hooks中的useState钩子函数。

下面是一个示例代码：

import React, { useState } from 'react';

function App() {
  // 使用useState定义一个状态变量和更新函数
  const [count, setCount] = useState(0);

  const handleClick = () => {
    // 更新状态变量
    setCount(count + 1);
  }

  return (
    <div>
      <h1>Count: {count}</h1>
      <button onClick={handleClick}>Increase Count</button>
    </div>
  );
}

export default App;

在上面的示例中，我们通过调用useState函数来创建一个名为count的状态变量和一个名为setCount的更新函数。初始状态为0。

在组件的返回部分，我们将count的值显示在一个标题标签中，并在一个按钮上绑定了一个点击事件处理函数handleClick。当按钮被点击时，handleClick函数会通过调用setCount函数来更新count的值。