Reactjs:当使用Reactjs聚焦表单输入时，如何发出API请求

import React, { useState } from 'react';

function MyForm() {
  const [inputValue, setInputValue] = useState('');

  const handleInputChange = (event) => {
    setInputValue(event.target.value);
  };

  return (
    <div>
      <input type="text" value={inputValue} onChange={handleInputChange} />
      <button onClick={sendAPIRequest}>发送请求</button>
    </div>
  );
}

const sendAPIRequest = () => {
  fetch('https://api.example.com/endpoint', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
    },
    body: JSON.stringify({ inputValue }),
  })
    .then((response) => response.json())
    .then((data) => {
      // 处理API响应数据
    })
    .catch((error) => {
      // 处理错误
    });
};