使用'构造函数反应替代编码风格'

时间:2017-04-20 21:39:46

标签: reactjs redux

创建一个React组件'标准'方式constructor将在任何渲染之前运行,我可以使用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;

1 个答案:

答案 0 :(得分:2)

目前你不能。功能组件是无状态的。但他们永远不会永远。 https://twitter.com/sebmarkbage/status/658713924607606784