如何更改React组件的属性？

import React, { useState } from 'react';

// 子组件
const ChildComponent = (props) => {
  return (
    <div>
      <h1>{props.name}</h1>
      <p>{props.description}</p>
    </div>
  );
};

// 父组件
const ParentComponent = () => {
  const [name, setName] = useState('Initial Name');
  const [description, setDescription] = useState('Initial Description');

  const changeProperties = () => {
    // 更新属性值
    setName('New Name');
    setDescription('New Description');
  };

  return (
    <div>
      <ChildComponent name={name} description={description} />
      <button onClick={changeProperties}>Change Properties</button>
    </div>
  );
};

export default ParentComponent;