2019-11-26 TIL

React

• 컴포넌트 합성은 return 안에서만 이루어지는가

  -> 컴포넌트는 자신의 출력에 다른 컴포넌트를 참조할 수 있습니다.

• map함수를 사용할때 중괄호를 넣는경우와 넣지않는 경우의 차이

  store.items.map(item => {
      return ();
  })
  
  store.items.map(item => 
      <>
      </>
  )

  한줄로 표현이 가능할땐 중괄호 생략이 가능함. 즉 return할게 하나만 있으면. react는 render할 item을 하나의 객체로 묶는것같다. return을 사용하면 중괄호로 묶어줘야함.

• onclick 이벤트로 component 불러오기

• Hook 규칙

  1. 최상위(at the Top Level)에서만 Hook을 호출해야 합니다 반복문, 조건문 혹은 중첩된 함수 내에서 Hook을 호출하지 마세요.
  2. 오직 React 함수 내에서 Hook을 호출해야 합니다 Hook을 일반적인 JavaScript 함수에서 호출하지 마세요.

5FS

Facts: 쇼핑몰 상품 가격대별 출력 구현중

Feelings: useEffect에 대한 개념을 알고는 있었지만 막상 어느상황에서 어떻게 사용해야하는지를 알지 못했다. 너무나 많은 시간을 낭비했다. 결과물이 나온게 없어 괜히 자책하게 된다..

Findings: 공부했던 내용은 반드시 코드에 녹여보자. 실제로 구현하지 못하면 알고잇는것이 아니다. 착각X

Future Action Plan: 공부한 개념들은 모아뒀다가 코드로 따로 구현해보자

Feedback: