期望this.children.props()

// ChildComponent.js
import React from 'react';

const ChildComponent = (props) => {
  return <div>{props.someProp}</div>;
};

export default ChildComponent;

// ParentComponent.js
import React from 'react';
import ChildComponent from './ChildComponent';

class ParentComponent extends React.Component {
  render() {
    return (
      <div>
        <ChildComponent someProp="Hello, World!" />
      </div>
    );
  }
}

export default ParentComponent;

// ChildComponent.js
import React from 'react';

const ChildComponent = ({ someProp, onPropChange }) => {
  // 当someProp变化时，调用onPropChange回调函数
  React.useEffect(() => {
    onPropChange(someProp);
  }, [someProp, onPropChange]);

  return <div>{someProp}</div>;
};

export default ChildComponent;

// ParentComponent.js
import React from 'react';
import ChildComponent from './ChildComponent';

class ParentComponent extends React.Component {
  handlePropChange = (propValue) => {
    console.log('Child prop changed:', propValue);
  };

  render() {
    return (
      <div>
        <ChildComponent someProp="Hello, World!" onPropChange={this.handlePropChange} />
      </div>
    );
  }
}

export default ParentComponent;