如何在reactjs中获取数据后将数据显示到输入域

import React, { useState, useEffect } from 'react';

const MyComponent = () => {
  const [data, setData] = useState('');

  useEffect(() => {
    fetchData();
  }, []);

  const fetchData = () => {
    // 使用适当的方法获取数据，例如使用fetch API或axios库发送HTTP请求
    // 这里假设获取的数据是一个字符串
    const fetchedData = '这是获取的数据';

    setData(fetchedData);
  };

  const handleInputChange = (event) => {
    // 处理输入域的值变化
    // 可以根据需要更新状态变量或执行其他操作
  };

  return (
    <div>
      <input type="text" value={data} onChange={handleInputChange} />
    </div>
  );
};

export default MyComponent;