有没有可能编写一个脚本来在React组件上注入道具？

import React from 'react';

// 定义一个HOC函数，接受一个组件作为参数
const withInjectedProps = (WrappedComponent) => {
  // 返回一个新的增强过的组件
  return class extends React.Component {
    render() {
      // 在这里注入道具
      const injectedProps = {
        prop1: 'value1',
        prop2: 'value2',
      };

      // 将注入的道具传递给原始组件
      return <WrappedComponent {...this.props} {...injectedProps} />;
    }
  };
};

// 定义一个原始的React组件
class MyComponent extends React.Component {
  render() {
    // 在这里使用注入的道具
    return (
      <div>
        <p>道具1: {this.props.prop1}</p>
        <p>道具2: {this.props.prop2}</p>
      </div>
    );
  }
}

// 使用HOC来增强原始组件
const EnhancedComponent = withInjectedProps(MyComponent);

// 渲染增强过的组件
ReactDOM.render(<EnhancedComponent />, document.getElementById('root'));