# ReactJS lifecycle method inside a functional Component

**Published:** April 1, 2019
**Tags:** React

**Summary:** How to attach lifecycle methods like componentDidMount to a React functional component using the react-pure-lifecycle package.


---

- Understand more about React component types: [ React Functional or Class Components: Everything you need to know ](https://programmingwithmosh.com/react/react-functional-components/).

- In the case you want to combine a functional component with some lifecycle functions like `componentDidMount`, `componentWillUnmount`..., you can use `react-pure-lifecycle` package.

- Detail code:

```jsx
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](https://stackoverflow.com/questions/44506207/reactjs-lifecycle-method-inside-a-functional-component).