向react中的组件添加2个HOC

function withLogging(WrappedComponent) {
  return class extends React.Component {
    componentDidMount() {
      console.log('Component is mounted');
    }

    componentWillUnmount() {
      console.log('Component is unmounted');
    }

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

function withAuthentication(WrappedComponent) {
  return class extends React.Component {
    componentDidMount() {
      // Check if user is authenticated
      if (!isUserAuthenticated()) {
        // Redirect to login page
        this.props.history.push('/login');
      }
    }

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

class MyComponent extends React.Component {
  render() {
    return <div>My Component</div>;
  }
}

const EnhancedComponent = withAuthentication(withLogging(MyComponent));