为什么我不能将道具传递给子组件React？

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

function ParentComponent() {
  const [propValue, setPropValue] = useState('Hello');

  const handlePropChange = (newValue) => {
    setPropValue(newValue);
  };

  return (
    <div>
      <ChildComponent propValue={propValue} onPropChange={handlePropChange} />
    </div>
  );
}

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

function ChildComponent({ propValue, onPropChange }) {
  const handleClick = () => {
    onPropChange('World');
  };

  return (
    <div>
      <p>{propValue}</p>
      <button onClick={handleClick}>Change Prop Value</button>
    </div>
  );
}