Question

我的反应组件不是ES6 class。这是const之类的：

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

const Home = (props) => {

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


    return <Dashboard />;
}

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

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

reactjs：如何在ES6 const中定义componentDidMount？

1 个答案: