如何从子组件调用React Hook以刷新结果

import React, { useState } from 'react';

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

  // 子组件调用该函数来更新结果
  const updateResult = (newResult) => {
    setResult(newResult);
  };

  return (
    <div>
      <ChildComponent updateResult={updateResult} />
      <p>Result: {result}</p>
    </div>
  );
}

import React from 'react';

function ChildComponent(props) {
  const handleClick = () => {
    // 模拟异步操作
    setTimeout(() => {
      const newResult = 'New Result';
      props.updateResult(newResult); // 调用父组件的更新函数
    }, 1000);
  };

  return (
    <button onClick={handleClick}>Update Result</button>
  );
}