如何在加载屏幕时将子属性/值传递给父组件

// 子组件
import React, { useState } from 'react';

const ChildComponent = ({ onValueChange }) => {
  const [value, setValue] = useState('');

  const handleChange = (event) => {
    const newValue = event.target.value;
    setValue(newValue);
    onValueChange(newValue); // 调用父组件传递的方法，并传递属性/值作为参数
  };

  return (
    <input type="text" value={value} onChange={handleChange} />
  );
};

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

const ParentComponent = () => {
  const handleValueChange = (value) => {
    console.log('Received value from child component:', value);
    // 在这里可以对接收到的属性/值进行处理
  };

  return (
    <div>
      <h1>Parent Component</h1>
      <ChildComponent onValueChange={handleValueChange} />
    </div>
  );
};

export default ParentComponent;