有狀態和功能性無狀態組件

Question

如何將無狀態功能組件轉換為有狀態組件，以便使用生命周期方法並將道具傳遞給無狀態組件。

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

我需要將其轉換為有狀態的組件，以便使用生命周期方法並將道具傳遞給返回函數，如此處如何傳遞道具。 先感謝您。

Answer 1

您可以這樣做：

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>
    );
  }
}