reactjs：ES6 const内でcomponentDidMountを定義する方法？

Question

私はこの反応成分がES6 classではありません。私は、通常のES6 classで行うのと同じようcomponentDidMount関数を定義しますどのようにこのconstの内部

import React from 'react'; 
import Dashboard from './components/Dashboard'; 

const Home = (props) => { 

    const componentDidMount =() => { 
     console.log('component mounted'); // not working 
    } 


    return <Dashboard />; 
} 

：それはconstようなものですか？これは前に私がやったことです。

import React from 'react'; 
import Dashboard from './components/Dashboard'; 

class Dashboard extends React.Component { 

    componentDidMount() { 
     console.log('component mounted'); 
    } 

    render() { 
     return <Dashboard />; 
    } 

} 

Answer 1

ステートレス機能コンポーネントは、ライフサイクルメソッドをサポートしていません。

ステートフルコンポーネントに変換することも、ステートフルコンテナでラップすることもできます。

ライフサイクルメソッドを取得するためにラップの良い例：

https://egghead.io/lessons/javascript-redux-fetching-data-on-route-change