如何在React中传递API请求中的参数？

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

function App() {
  const [param, setParam] = useState('');

  useEffect(() => {
    // 在这里处理API请求
    fetchData(param);
  }, [param]);

  const fetchData = (param) => {
    // 使用param参数发送API请求
    // 这里可以使用fetch、axios等库发送请求
    // 示例中使用console.log来模拟请求的处理
    console.log('发送API请求，参数为：', param);
  };

  return (
    <div>
      <input
        type="text"
        value={param}
        onChange={(e) => setParam(e.target.value)}
      />
      <ChildComponent param={param} />
    </div>
  );
}

const ChildComponent = ({ param }) => {
  return <p>参数值：{param}</p>;
};

export default App;