[TIL] 기록 48일차

Today I Learned

• React를 공부했다.

  • 상위 컴포넌트에서 Property의 Value를 설정하지 않았을 때 기본적인 값을 설정할 때는 DefaultProps를 이용하면 된다.

  function Hello(props) {
  return <div style={{color:props.color}}>Hello, {props.name}</div>
  }
  
  Hello.defaultProps = {
      name: 'Stranger'
  }
  
  // 상위 컴포넌트에 렌더링되는 값 : Hello, Stranger

  • React의 Basic hooks 중 하나인 useState에 익숙해지기 위해 아래와 같은 작업들을 반복해봤다.
    • useState를 이용해 여러개의 input 태그의 상태를 제어해보았다.
    • 배열을 렌더링하고, 배열에 항목을 추가하고, 제거하는 작업을 해보며 배워봤다.