ReactJS:如何在 ES6 const 中定义 componentDidMount？

Question

我有一个不是 ES6 class 的 React 组件。它是一个const，如下所示:

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

const Home = (props) => {

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


    return <Dashboard />;
}

在这个 const 中，我如何像在普通 ES6 class 中那样定义 componentDidMount 函数？我以前就是这样做的。

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