[React] 사용자 정의 컴포넌트는 대문자로 시작해야 한다.

리엑트를 시작한지 얼마 안되서 예제를 이것저것 해보다가 이해가 안되는 상황이 생겼다.

test.js에 내용을 App.js으로 가져와서 사용하고 싶은데

단순 텍스트 출력인데도 데이터를 가져오지 못하고 있다.

 

다시 시작된 구글링...

공식 홈페이지에 보니까

사용자 정의 컴포넌트는 대문자로 시작해야된다고 한다...

단순히 호출하는 곳과 이름만 맞추고 연결하면 될 줄 알았는데

이러한 약속들이 있었다.

[출처 : reactjs-kr]

 

App.js를 다시 수정해보자.

화면에 정상적으로 표시 되는 것을 확인 할 수 있다.