Reactjs 用'反应替代编码样式；建造商'；

创建React组件是

构造函数在任何渲染之前运行的“标准”方式，我可以使用
componentDidMount
等在渲染之前运行

export class BotShowUI extends Component{
    constructor(props) {
       super(props)
    }
....

我的问题是在下面的代码中，如何在return语句中呈现之前运行构造函数类型的方法或其他方法（类似于componentDidMount）

import React, {Component} from 'react';
    import PropTypes from 'prop-types';

    const BotShowUI = ({ bot,  onClick  }) => {
        return(
            <div id={bot.id}  onClick={onClick}>
                {bot.id} : {bot.text}
            </div>  
        )
    }

    BotShowUI.propTypes = {
       bot: PropTypes.object.isRequired,
       onClick: PropTypes.func.isRequired
    };

    export default BotShowUI;

import React，{Component}来自'React'；
从“道具类型”导入道具类型；
const BotShowUI=（{bot，onClick}）=>{
返回(
{bot.id}:{bot.text}
)
}
BotShowUI.propTypes={
bot:PropTypes.object.isRequired，
onClick:PropTypes.func.isRequired
};
导出默认BotShowUI；
目前您不能。功能组件是无状态的。不过，他们不会总是这样
 目前您不能。功能组件是无状态的。不过，他们不会总是这样
 你没有。功能组件（如此处的组件）仅允许您定义渲染方法。如果您想利用其他功能，您需要使用标准的基于类的组件定义。如果您更喜欢功能性样式，您可以使用recompose提供的HOC使无状态功能组件有状态。你没有。功能组件（如此处的组件）仅允许您定义渲染方法。如果您想利用其他功能，您需要使用标准的基于类的组件定义。如果您更喜欢功能性样式，您可以使用recompose提供的HOC使无状态功能组件有状态。有趣的：-）有趣的：-）