如何从react组件中提取公共逻辑(但公共逻辑使用setState)

function withCommonLogic(WrappedComponent) {
  return class extends React.Component {
    constructor(props) {
      super(props);
      this.state = {
        // 公共逻辑使用的状态
      };
    }

    // 公共逻辑的其他方法

    render() {
      return <WrappedComponent {...this.props} />;
    }
  };
}

// 使用HOC包装组件
const MyComponent = withCommonLogic(MyComponent);

class CommonLogic extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      // 公共逻辑使用的状态
    };
  }

  // 公共逻辑的其他方法

  render() {
    return this.props.children(this.state);
  }
}

// 使用Render Props模式共享逻辑
const MyComponent = () => (
  <CommonLogic>
    {state => (
      // 使用共享的逻辑和状态
    )}
  </CommonLogic>
);