询问子组件并等待结果

// 父组件
import React, { useState } from 'react';
import ChildComponent from './ChildComponent';

function ParentComponent() {
  const [result, setResult] = useState(null);

  const handleChildResult = (data) => {
    setResult(data);
  };

  return (
    <div>
      <ChildComponent onResult={handleChildResult} />
      {result && <p>子组件处理结果：{result}</p>}
    </div>
  );
}

export default ParentComponent;

// 子组件
import React, { useState } from 'react';

function ChildComponent({ onResult }) {
  const [data, setData] = useState('');

  const handleButtonClick = () => {
    // 处理数据
    const result = processData(data);

    // 将处理结果传递给父组件
    onResult(result);
  };

  return (
    <div>
      <input type="text" value={data} onChange={(e) => setData(e.target.value)} />
      <button onClick={handleButtonClick}>处理数据</button>
    </div>
  );
}

export default ChildComponent;