在react中将值从子对象发送到父对象

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

function ParentComponent() {
  const [value, setValue] = useState('');

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

  return (
    <div>
      <ChildComponent onValueChange={handleValueChange} />
      <p>Value from child component: {value}</p>
    </div>
  );
}

export default ParentComponent;

import React, { useState } from 'react';

function ChildComponent(props) {
  const [inputValue, setInputValue] = useState('');

  const handleChange = (event) => {
    setInputValue(event.target.value);
    props.onValueChange(event.target.value);
  };

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

export default ChildComponent;