首页 > 解决方案 > React Component 不支持生命周期方法?

问题描述

如何在下面的函数中使用生命周期方法,例如 ComponentDidMount?

var React = require('react');

module.exports = function SectionalSquareComponent(props) {


  return (
    <div .....

标签: reactjs

解决方案


如果要使用生命周期功能,则需要扩展 React.Component 类。正如@xadm 提到的,您不能使用功能组件和生命周期挂钩。

在您的问题中使用 ES5 语法,这可能如下所示:

var createReactClass = require('create-react-class');
module.exports = createReactClass({
  componentDidUpdate: function(prevProps, prevState) {
  },
  render: function() {
    return (<div>...</div>);
  }
});

推荐阅读