TIL - 18 : React props, state, event ...

17 Mar 2022 in Study Log on Today I learned

• props 의 전달 방법
  • props 별로 따로 전달 or props 전체로 전달하여 props.blahblah 로 사용
  • 개인적으로는 따로 따로 전달하는게 의미전달이 더 쉬워서 선호

• state의 사용선 정하기, 상태관리 변하지 않는 것은 사용할 필요 없음

• state 는 직접 수정하지 말것, 자바스크립트보다는 리액트적 사고를 하라

• 상태관리는 useState()의 setState를 통해서 관리

• useState 함수는 비동기 처리 방식
  • 다른 코드와 같이있으면 비동기 특성으로 다른 것보다 뒤늦게 실행
  • 예상치 못한 문제에 대한 대비
  • 원치 않은 비동기 방지를 위한 useEffect hook 적용
  • useEffect(콜백,[state]) 컴포넌트가 렌더링/재렌더링 될때 실행되는 함수
  • 첫렌더링 방지 알아볼것

• onClick()은 컴포넌트에 직접 전달하면 안됨

• 자바스크립트 유용한 함수 findIndex 배열 안에서 원하는 데이터 찾아주는 함수

• hook을 사용할떄는 import 여부를 항상 확인 또 확인

• fetch -> axios 라이브러리 확인