📚 ****Reference

• 공식 문서 1
• 공식 문서 2
• 공식 문서 3
• 공식 문서 4
• 참고 자료 1
• 참고 자료 2
• 참고 자료 3
• 참고 자료 4
• 참고 자료 5
• 참고 자료 6

📜 Chapter

children

JSX

One-way Data Flow (단방향 데이터 흐름)

state

custom hook

props

• props (properties의 줄임말)
• 프로퍼티
• props는 component의 입력 값이다.
• props는 부모 component로부터 자식 component로 전달된 데이터이다.
• props는 읽기 전용이라는 것을 주의해야 한다. → props는 어떤 방식으로든 수정해서는 안된다.
• 사용자의 입력 또는 네트워크 응답에 반응하여 어떤 값을 수정해야 한다면 state를 사용해라.
• props는 속성을 나타내는 데이터이다.
• props는 Immutable data 즉, 변하지 않는 데이터이다.
• 상위(부모) component에서 하위(자식) component로 데이터를 넘겨줄 때 사용한다.
• props는 부모 component에서 자식 component로 전달되는 데이터이다.
  • 상위 component가 하위 component에 값을 전달할 때 사용한다. → 단방향 데이터 흐름을 갖는다.
• props는 수정될 수 없으며 표시되거나 다른 값을 계산하는 데만 사용된다.
  • 자식 입장에선 읽기 전용인 데이터이다.
• React component에서 UI 상태로 사용할 수 있는 것은 state, props가 있다.
• state가 component 내부에서 관리는 상태라면 props는 component 외부에서 들어와 내부 UI에 영향을 줄 수 있는 것이다.
• 이 값에 의존한 React element를 만들면 props 변화에 따라 UI가 reactive하게 반응한다.

const Hello = ({ name }) => <>Hello {name}</>  // 1 -> 자식

<Hello name="world" /> // 2 -> 부모