在React中从子组件更新父状态时出现问题

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

function ParentComponent() {
  const [parentState, setParentState] = useState('');

  const updateParentState = (data) => {
    setParentState(data);
  };

  return (
    <div>
      <ChildComponent updateParentState={updateParentState} />
      <p>Parent State: {parentState}</p>
    </div>
  );
}

export default ParentComponent;

// 子组件
import React from 'react';

function ChildComponent({ updateParentState }) {
  const handleClick = () => {
    const data = 'Updated data from child component';
    updateParentState(data);
  };

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

export default ChildComponent;