[React2] Components와 Props

Component

What is Component

• 재사용 가능한 UI 단위

함수로 Welcome 컴포넌트 구현하기

function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

class로 Welcome 컴포넌트 구현하기

class Welcome extends React.Component {
  render() {
    return <h1>Hello, {this.props.name}</h1>;
  }
}

컴포넌트를 생성할 때 render() 메서드는 무조건 정의해야하고, return도 해주어야함.

Props

props = property의 줄인말
.dot으로 속성명에 접근 가능
props.속성명으로 속성 값을 가져올 수 있음.