在带有useState钩子的功能组件中对子对象进行React呈现属性

import React, { useState } from 'react';

const [childProps, setChildProps] = useState({});

<ChildComponent {...childProps} />

const handleButtonClick = () => {
  setChildProps({ prop1: 'value1', prop2: 'value2' });
}

import React, { useState } from 'react';

const ParentComponent = () => {
  const [childProps, setChildProps] = useState({});

  const handleButtonClick = () => {
    setChildProps({ prop1: 'value1', prop2: 'value2' });
  }

  return (
    <div>
      <button onClick={handleButtonClick}>Update Child Props</button>
      <ChildComponent {...childProps} />
    </div>
  );
}

const ChildComponent = (props) => {
  return (
    <div>
      <p>Prop 1: {props.prop1}</p>
      <p>Prop 2: {props.prop2}</p>
    </div>
  );
}

export default ParentComponent;