함수형 컴포넌트 vs. 클래스형 컴포넌트

정은경·2020년 9월 14일
0

👸 Front-End Queen

목록 보기
64/278

함수형 컴포넌트: props.name

import React, { Component } from "react";

// 함수형 컴포넌트
const UserCard = (props) => {
  return (
    <div>
      <p>{props.name}</p>
      <p>{props.age}</p>
      <button onClick={props.onClickFunction}>Click Me!</button>
    </div>
  );
};

export default UserCard;

클래스형 컴포넌트: this.props.name

import React, { Component } from "react";

// // 클래스형 컴포넌트
class UserCard extends Component {
  constructor(props) {
    super(props);
  }
  render() {
    return (
      <div>
        <p>{this.props.name}</p>
        <p>{this.props.age}</p>
      </div>
    );
  }
}

export default UserCard;

클래스형 컴포넌트 this 왜 있어?

함수형 컴포넌트 this 왜 없어?

profile
#의식의흐름 #순간순간 #생각의스냅샷

0개의 댓글