state, props

State

- 컴포넌트 안에서 관리되어짐.

- 변경가능

- 동적인 상태값

const Name = (props) => {
  return<div>{props.name}</div>
}

const App = () => {
  const [name, setName] = useState('dev.jung')

  return <Name name={name}></Name>
}

 

Props

- 부모 컴포넌트로부터 받는 값

- 수정 불가능

const Name = (props) => {
  return<div>{props.name}</div>
}

const App = () => {
  return <Name name='dev.jung'></Name>
}