阵营替代编码风格以“构造”

Question

创建一个阵营组成的“标准”的方式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; 

Answer 1

目前你不能。功能组件是无状态的。不过，它们并不总是如此。 https://twitter.com/sebmarkbage/status/658713924607606784