TIL 2 [11/29] - React 컴포넌트

component란?

재활용 가능한 UI 구성 단위. component를 이용한 모듈화를 통해 깔끔한 코드 정리가 가능해지면서, 가독성이 올라가고 유지보수가 쉬워지게 된다. 그리고 component type에는 Class와 Function 이렇게 2개가 있다

class type

class 키워드로 정의하며, render()함수에서 JSX 요소를 return한다

class nameDiv extends Component {
  render() {
    const name = 'my name';
    return <div className="myName">{name}</div>
  }
}

function type

function 또는 arrow로 정의하며, render() 없이 바로 JSX 요소를 return한다

const MyComponent = () => { 
    const name = 'my name';
    return <div className="myName">{name}</div>;
};