• componen는 HTML을 반환하는 함수이다.
  • component는 대문자로 시작해야한다.
  • 우리의 componet로 정보를 보낼 수 있다.
• JS와 HTML사이의 조합을 JSX라고 한다.
  • React에서 나온 매우 custom한 유일한 개념이다.

• import Potato from './Potato'; 에서 점과 슬래쉬의 의미는 같은 디렉토리라는 뜻이다.

• React가 멋진 이유는 재사용 가능한 component를 만들 수 있다는 점이다.

  • 그래서 component를 반복해서 사용할 수 있다.

  정보를 보내는 방법

• component에서 component로

• child component로 정보를 보낼 수 있다.

  map

• array의 각 item에 function을 적용하고 난 뒤 array를 준다.

const friends = ["dal", "mark", lynn, "japan guy"]

friends.map((friend) => {
            return friend + " 💛" ;
            })

이렇게 하게 되면 모든 index값에 하트가 추가된 배열을 반환한다.

 {foodILike.map(dish => {
        <Food name={dish.name} picture={dish.image} />;
      })}

 {foodILike.map(dish => (
        <Food name={dish.name} picture={dish.image} />
      ))}

이 둘의 차이점은 무엇일까
우선

• map은 무엇이 돌아오든 array로 돌려준다.

father component로 부터 전달받은 props 확인하기

• npm i prop-types
• import PropTypes from 'prop-types'
• componentName.propTypes = {}

• 이 순서대로 사용한다.