React state & props

props

• 컴포넌트는 데이터를 가진 하나의 props 객체 인자를 받는다.
• props 는 컴포넌트에서 컴포넌트로 전달하는 데이터이다.
• 컴포넌트의 속성으로, 해당 컴포넌트를 불러와 사용하는 부모 컴포넌트에서만 설정 가능하다.

state

• 컴포넌트 내부의 동적 데이터.
• props 는 부모 컴포넌트가 설정하는 값으로 컴포넌트 자신은 props 를 읽기 전용으로만 사용할 수 있다

export default function BoardsNewPage() {
  return (
    <BoardWrite isEdit={true} /> // 부모 컴포넌트에서 props 보냄
    )
}

export default function BoardWrite(props) { // porps.isEdit 으로 사용가능
  return ()
}