react-redux로 onComponentDidMount 이벤트에 연결하십시오.

Question

아래 예제에서, 해당 이벤트가 React에 없기 때문에 onComponentDidMount이 작동하지 않습니다. React.Component를 사용하여 Main을 다시 쓰고 싶지 않다면 어떤 이벤트를 사용해야합니까? 아니면 다른 방법이 있습니까?

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

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

Main = connect(null, mapDispatchToProps)(Main) 

Answer 1

DOCS:

비 저장 기능은 구성 요소의 수명주기 방법이 없습니다.

Answer 2

상위 구성 요소가 구출됩니다. 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)