在React中，如何从子组件的状态中聚合值？

import React, { useState } from 'react';

function ParentComponent() {
  const [aggregateValue, setAggregateValue] = useState(0);

  const handleAggregate = (value) => {
    setAggregateValue(aggregateValue + value);
  };

  return (
    <div>
      <ChildComponent onAggregate={handleAggregate} />
      <p>Aggregate Value: {aggregateValue}</p>
    </div>
  );
}

import React, { useState } from 'react';

function ChildComponent(props) {
  const [childValue, setChildValue] = useState(0);

  const handleUpdateParent = () => {
    props.onAggregate(childValue);
  };

  return (
    <div>
      <input type="number" value={childValue} onChange={(e) => setChildValue(Number(e.target.value))} />
      <button onClick={handleUpdateParent}>Update Parent</button>
    </div>
  );
}