함수형 컴포넌트: 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 왜 없어?