State, Props

State

• 부모 컴포넌트에서 자녀 컴포넌트로 데이터를 보내는게 아닌 해당 컴포넌트 내부에서 데이터를 전달하려면 State를 사용
• ex. 검색 창에 글을 입력할 때 글이 변하는 것은 State를 바꿈
• State는 변경 가능(mutable)
• State가 변하면 re-render 됨

state = {
  message: '',
  attachFile: undefined,
  openMenu: false,
};

 

 

Props

• Properties의 줄임말
• Props는 상속하는 부모 컴포넌트로부터 자녀 컴포넌트에 데이터 등을 전달하는 방법
• Props는 읽기 전용(immutable)으로 자녀 컴포넌트 입장에서는 변하지 않음
• 변하게 하려면 부모 컴포넌트에서 State를 변경시켜줘야 함

<ChatMessages
  messages = {messages};
  currentMember = {member};
/>