将父组件中的状态从子组件更改，然后将该状态作为属性传递，并更改子组件中的状态

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

function ParentComponent() {
  const [parentState, setParentState] = useState('');

  const handleStateChange = (newState) => {
    setParentState(newState);
  };

  return (
    <div>
      <ChildComponent parentState={parentState} onStateChange={handleStateChange} />
    </div>
  );
}

export default ParentComponent;

import React from 'react';

function ChildComponent(props) {
  const handleButtonClick = () => {
    props.onStateChange('New State');
  };

  return (
    <div>
      <button onClick={handleButtonClick}>Change Parent State</button>
    </div>
  );
}

export default ChildComponent;