设置子组件中prop的值，并将值传回app.js、react的状态

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

function App() {
  const [propValue, setPropValue] = useState('');

  const handlePropChange = (value) => {
    setPropValue(value);
  };

  return (
    <div>
      <ChildComponent propValue={propValue} onPropChange={handlePropChange} />
    </div>
  );
}

export default App;

import React from 'react';

function ChildComponent(props) {
  const { propValue, onPropChange } = props;

  const handleChange = (event) => {
    const value = event.target.value;
    onPropChange(value);
  };

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

export default ChildComponent;