尝试使用React Hooks将API值附加到受控输入字段

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

function MyComponent() {
  const [inputValue, setInputValue] = useState('');
  
  // 其他代码...
}

useEffect(() => {
  fetch('https://api.example.com/data')
    .then(response => response.json())
    .then(data => setInputValue(data.value))
    .catch(error => console.log(error));
}, []);

function MyComponent() {
  const [inputValue, setInputValue] = useState('');
  
  useEffect(() => {
    fetch('https://api.example.com/data')
      .then(response => response.json())
      .then(data => setInputValue(data.value))
      .catch(error => console.log(error));
  }, []);
  
  return (
    <div>
      <input type="text" value={inputValue} onChange={e => setInputValue(e.target.value)} />
    </div>
  );
}