React - 상태 저장 컴포넌트와 상태 비저장 컴포넌트

상태 저장 컴포넌트와 상태 비저장 컴포넌트

상태 비저장 컴포넌트(Stateless Component)

정의

• 프롭을 인수로 받아, 리액트 요소를 반환하는 자바스크립트 함수
• 내부에 State가 없으며, 값을 기억 / 변경할 필요가 없음

장점

• 코드 관리의 간편함

예시 코드

function NonSaveFunc(props)
{
    return <div> Hello, {props.name}.</div>
}