ReactJS lifecycle method inside a functional Component
Published on
209words
2 min read
Authors
-
Understand more about React component types: React Functional or Class Components: Everything you need to know .
-
In the case you want to combine a functional component with some lifecycle functions like
componentDidMount,componentWillUnmount..., you can usereact-pure-lifecyclepackage. -
Detail code:
import React, { Component } from 'react'
import lifecycle from 'react-pure-lifecycle'
const methods = {
componentDidMount(props) {
console.log('I mounted! Here are my props: ', props)
},
}
const Channels = (props) => <h1>Hello</h1>
export default lifecycle(methods)(Channels)
Source: StackOverFlow.