[ReactNative] Text strings must be rendered within a <Text> component 에러해결쓰

 

 

조건문을 써서 팝업을 띄우는 소스를 작성하고 있었다.

 

<ScrollView>
        <View>
            ...
        </View>
        {modalVisible && <Modal item={data} />}
<ScrollView>

 

대략 이런 느낌인데 저 모달 줄을 작성하니 뜨는 에러!!!

text strings must be rendered within a text component

 

Modal안에 Text뷰를 다 빼보고 만들어도 계속 같은 에러가 떴다.

 

구글링해서 찾아보니 보통 문법을 잘못 작성했을 경우에도 <Text>컴포넌트 에러가 뜨는 모양새였다.

 

 

 

나의 경우 , 아래 소스를 { } 로 감싸주지 않아 생긴 에러였다. 

 

Before

modalVisible && <ConsultModal item={calleeInfo} />

 

After

{modalVisible && <ConsultModal item={calleeInfo} />}

 

뷰 컴포넌트들을 조건문으로 분기 처리 하는데, <Text>컴포넌트 에러가 떴다?

그럼 문법을 의심 해보시길...