클래스형 컴포넌트
import React from "react";
class Hello extends React.Component {
render() {
return (
<div>
Hello {this.props.name}
</div>
);
}
}
export default Hello;함수형 컴포넌트 (화살표 함수 사용)
- 화살표 함수 사용 시 인자로 props를 받아야 한다.
- 함수형 컴포넌트는 render 없이 바로 return값만 써준다.
- 변수도 this.props.name이 아니라 props.name이 된다.
import React from "react";
const Hello = (props) => {
return (
<div>
Hello {props.name}
</div>
);
}
export default Hello;