- Published on
ReactJS lifecycle method inside a functional Component
196 words1 min read
- Authors
- Name
- Viet Anh
- @vietanhdev
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-lifecycle
package.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.