如何将变量传递给子类并在React中更改它？

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

function ParentComponent() {
  const [count, setCount] = useState(0);

  return (
    <div>
      <ChildComponent count={count} />
    </div>
  );
}

export default ParentComponent;

import React from 'react';

function ChildComponent(props) {
  const { count } = props;

  const handleIncrement = () => {
    props.setCount(count + 1);
  };

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={handleIncrement}>Increment</button>
    </div>
  );
}

export default ChildComponent;