将数据存储在useState钩子中

在React中，可以使用useState钩子来存储数据。下面是一个示例代码，展示了如何使用useState钩子来存储数据：

import React, { useState } from 'react';

function App() {
  // 在useState钩子中初始化一个数据状态
  const [data, setData] = useState('');

  // 处理数据的更新
  const handleDataChange = (event) => {
    setData(event.target.value);
  };

  return (
    <div>
      <input
        type="text"
        value={data}
        onChange={handleDataChange}
      />
      <p>输入的数据是：{data}</p>
    </div>
  );
}

export default App;

在上面的例子中，我们使用useState钩子创建了一个名为data的数据状态以及一个名为setData的函数。通过调用setData函数，我们可以更新data的值。

在App组件中，我们创建了一个文本输入框，并将data状态绑定到输入框的值属性。每当输入框的值发生变化时，handleDataChange函数会被调用，将新的值更新到data状态中。最后，我们展示了当前输入的数据。