아워스페이스 프로젝트 4일차

charlie_·2021년 8월 20일
0
  • 오늘의 미팅 내용

오늘 한 일

  • 캘린더 컴포넌트와 예약 컴포넌트 머지
  • 예약 컴포넌트

기록

  • 자식 컴포넌트에서 부모 컴포넌트로 데이터 전달하는 방법
    1) 부모 컴포넌트에서 함수를 선언하고, 해당 함수를 자식 컴포넌트에 props로 넘겨준다.
    2) 전달받은 함수를 자식 컴포넌트에서 호출하되, 전달할 데이터를 함수의 인자로 입력한다.

문제

  1. cannot update a component ('...') while rendering a different component ('...')
  • 상황: 연결된 컴포넌트 또는 페이지가 동시에 렌더링이 일어나서 발생하는 오류
  • 원인
    :: 함수형 컴포넌트를 사용할 때, state가 컴포넌트끼리 연결되어있는 상태에서 state값이 변경되면 연결된 모든 컴포넌트에서 동시에 렌더링이 발생한다.
  • 해결방안
    - state가 변하면 렌더링이 발생하므로 전달할 데이터를 변수에 담아서 전달한다.

며칠동안 state의 특성을 정확하게 이해하지 못하고, 잡힐듯말듯 애매한 상태가 지속되어 답답했었는데, 잠결에 뭔가가 머리 속을 스쳐지나가면서 단번에 이해가 되었다. 이런 경험이 처음이라 당황스럽기도 하고 새롭기도 해서 기록으로 남기기 위해 블로그에 적는다.

profile
매일 하루에 딱 한 걸음만

0개의 댓글