如何使用react更改组件中传递的值？

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

const ParentComponent = () => {
  const [value, setValue] = useState('初始值');

  const handleChangeValue = (newValue) => {
    setValue(newValue);
  };

  return (
    <div>
      <ChildComponent value={value} onChangeValue={handleChangeValue} />
    </div>
  );
};

export default ParentComponent;

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

const ChildComponent = ({ value, onChangeValue }) => {
  const handleClick = () => {
    onChangeValue('新的值');
  };

  return (
    <div>
      <p>传递的值：{value}</p>
      <button onClick={handleClick}>更改值</button>
    </div>
  );
};

export default ChildComponent;