如何将从useEffect获取的initialValue放入textField？

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

const MyComponent = () => {
  const [initialValue, setInitialValue] = useState('');

  useEffect(() => {
    // 异步请求或其他操作获取initialValue
    const fetchData = async () => {
      const response = await fetch('https://api.example.com/initialValue');
      const data = await response.json();
      setInitialValue(data.initialValue);
    };

    fetchData();
  }, []);

  return (
    <input type="text" value={initialValue} onChange={(e) => setInitialValue(e.target.value)} />
  );
};

export default MyComponent;