使用react-redux connect反应onComponentDidMount事件

Question

In the below example, onComponentDidMount does not work because that event does not exist in React. Assuming I don't want to rewrite Main using React.Component, what event should I use, or is there another way?

let Main = ({myEventMethod}) => (
    <main onComponentDidMount={myEventMethod}>
        ...
    </main>
)

const mapDispatchToProps = (dispatch) => ({
    myEventMethod: () => {...}
})

Main = connect(null, mapDispatchToProps)(Main)

Answer 1

DOCS:

Stateless Functions do not have the component lifecycle methods.

Answer 2

Higher Order Components come to rescue. Demo .

const withComponentDidMount = handler => Cmp => {
  class WithComponentDidMount extends Component {
    render() {
      return <Cmp {...this.props}/>
    }
  }

  WithComponentDidMount.prototype.componentDidMount = handler

  return WithComponentDidMount
}

const Wrapped = withComponentDidMount(function() {
  console.log('Mount')
})(App)