TX004

<Box> تودرتو در <Text>

کنسول

Text.js error TX004: <Box> cannot be nested inside <Text>.

علت بروز

کامپوننت <Text> دنباله‌ای از متن درون‌خطی را چیدمان می‌کند؛ نمی‌تواند شامل یک محفظهٔ Flexbox باشد. یک <Box> (یا کامپوننتی که آن را رندر می‌کند، مانند <Spacer> یا <Divider>) داخل یک <Text> رندر شده است.

روش رفع

کامپوننت <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 درون‌خطی رندر می‌شود.