react-native 함수 자체를 컴포넌트로 사용 시 대소문자 주의

HyoungNam Oh·2020년 6월 25일
0

react-native

목록 보기
2/2

20200625

오늘 신기한 걸 발견했다..!
컴포넌트를 리턴하는 함수를 만들어 그 함수 자체를 컴포넌트로 사용하는 것이다.
예를 들면

const compo = () => (
	<View>
		<Text>컴포넌트</Text>
        <View>
);

class TextCompo ... {
	<compo/>
}

대충 이런 방식이다. 사실 저렇게 함수 자체를 컴포넌트로 사용할 수 있다는 것도 오늘 알아서 엄청 신기했다..;
처음에 대리님이 알려주시고 혼자 해보려고 싹 지우고 다시 했는데 안되는 것이다..
완전 똑같이 따라했는데;;

계속 혼자 낑낑대다가 결국 다시 대리님께 도움을 청했다..
대리님이 내가 한 걸 보시고
아 00씨 컴포넌트 만들 땐 앞에 대문자로 하는게 우리 코드 규칙이에요
하고 앞에 대문자만 바꾸시고 실행했는데 잘 된다.. ??
대리님이 뭐 모르시냐고 물어보시는데 이미 해결됐다; 머쓱
함수를 컴포넌트 자체로 사용할 땐 앞에 꼭 대문자로 해줘야 한다..
안그러면 compo는 함수가 아니다... 대충 이런식으로 에러가 발생했던 거 같다.
reactnative에서만 그런지는 잘 모르겠지만 엄청 신기한 경험이였다..!

0개의 댓글