通过hoc从子组件获取道具

// 创建高阶组件
const withProps = (WrappedComponent) => {
  return class extends React.Component {
    render() {
      // 将属性传递给子组件
      const props = {
        prop1: 'value1',
        prop2: 'value2',
      };

      // 返回包装后的子组件
      return <WrappedComponent {...this.props} {...props} />;
    }
  };
};

// 子组件
const ChildComponent = (props) => {
  return (
    <div>
      <p>{props.prop1}</p>
      <p>{props.prop2}</p>
    </div>
  );
};

// 使用高阶组件包裹子组件
const EnhancedChildComponent = withProps(ChildComponent);

// 在应用中使用EnhancedChildComponent
const App = () => {
  return <EnhancedChildComponent />;
};