component 만들기

컴포넌트는 HTML을 반환하는 함수

potato라는 컴포넌트를 만들고

렌더링 시키면 에러가나는 이유는(오타가있지만 신경쓰지않겠다😅)

react application은 하나의 컴포넌트만 렌더링할 수 있다.

여기선 App, Potato두개의 컴포넌트

 

그렇다면 App옆에 대신 안에 넣어보자.

정상작동!

그나저나 포테이토 넘 귀엽자나..

이렇게 하나의 파일에서 컴포넌트 생성도 가능하다.

 

++ 참고로 업데이트되어 이젠 React.strict으로 감싸준다면 두개의 컴포넌트도 렌더링 가능하다.