在React js中如何将输入值传递给当前组件中的API参数

import React, { useState } from 'react';

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

  // 处理输入值变化的函数
  const handleInputChange = (event) => {
    setInputValue(event.target.value);
  };

  // 调用API的函数
  const callApi = () => {
    // 使用inputValue作为API参数
    // 这里可以使用fetch或axios等库来发送API请求
    // 示例中仅打印API参数
    console.log(inputValue);
  };

  return (
    <div>
      <input type="text" value={inputValue} onChange={handleInputChange} />
      <button onClick={callApi}>调用API</button>
    </div>
  );
}

export default MyComponent;