TX004
<Text> के अंदर नेस्ट किया गया <Box>
कंसोल
Text.js error TX004: <Box> cannot be nested inside <Text>.
ऐसा क्यों होता है
<Text> इनलाइन टेक्स्ट का लेआउट बनाता है; इसमें Flexbox कंटेनर नहीं हो सकता। किसी <Text> के अंदर एक <Box> (या उसे रेंडर करने वाला कंपोनेंट, जैसे <Spacer> या <Divider>) रेंडर हुआ।
इसे ठीक करने का तरीका
<Box> को बाहर ले जाएं और टेक्स्ट सिबलिंग को एक पंक्ति में अगल-बगल रखें:
// Before<Text> Status: <Box><Text color="green">ok</Text></Box></Text>// After<Box flexDirection="row"> <Text>Status: </Text> <Text color="green">ok</Text></Box>नेस्ट किया गया <Text> मान्य है; यह इनलाइन span के रूप में रेंडर होता है।