可否举例说明如何在React中应用工厂模式？

在React中，虽然我们不像传统意义上的JavaScript那样通过构造函数来创建组件，但仍然可以借助工厂模式的思想来组织组件的创建。例如，我们可以创建一个名为`ComponentFactory`的高阶组件（HOC），这个工厂可以根据传入的不同props动态返回对应的子组件。这里是一个简单的例子：

function ComponentFactory(WrappedComponent, customProps = {}) {
  class Factory extends React.Component {
    render() {
      const { prop1, ...rest } = this.props; // 把默认属性分离出去
      return <WrappedComponent {...customProps} {...rest} />;
    }
  }

  return Factory;
}

// 使用时
const CustomButton = ComponentFactory(Button, { color: 'blue', size: 'medium' });

function Button(props) {
  return <button {...props}>Click me</button>;
}

ReactDOM.render(<CustomButton />, document.getElementById('root'));

在这个例子中，`ComponentFactory`就是一个React组件工厂，可以根据传入的`WrappedComponent`和自定义属性`customProps`动态生成一个新的组件。这样就实现了类似工厂的功能，使得代码更具模块化和灵活性。