有状态和功能无状态组件

时间:2018-04-19 03:58:40

标签: javascript reactjs react-native state stateless

如何将无状态功能组件转换为有状态组件,以便使用生命周期方法并像无状态组件一样将道具传递给它。

( export default JobCard = (props) => { 
   ............
 }
)

我需要将它转换为有状态组件才能使用生命周期方法并将props传递给返回函数,就像在这里传递props一样。提前谢谢。

1 个答案:

答案 0 :(得分:2)

你可以这样做:

export default class JobCard extends React.Component {
  render() {

    // here you can access props passing down from
    // parent components like: this.props

    return (
      <div>
        Hi, I'm a super smart component!
      </div>
    );
  }
}