父组件中的setState使用子组件中的参数

import React, { useState } from 'react';

// 子组件
const ChildComponent = ({ updateParentState }) => {
  const [childParam, setChildParam] = useState('');

  const handleButtonClick = () => {
    // 子组件中的参数更新父组件的状态
    updateParentState(childParam);
  };

  return (
    <div>
      <input
        type="text"
        value={childParam}
        onChange={(e) => setChildParam(e.target.value)}
      />
      <button onClick={handleButtonClick}>更新父组件状态</button>
    </div>
  );
};

// 父组件
const ParentComponent = () => {
  const [parentState, setParentState] = useState('');

  const handleUpdateParentState = (param) => {
    // 使用子组件中的参数来更新父组件的状态
    setParentState(param);
  };

  return (
    <div>
      <ChildComponent updateParentState={handleUpdateParentState} />
      <p>父组件状态：{parentState}</p>
    </div>
  );
};

export default ParentComponent;