TX004

<Box> zagnieżdżony wewnątrz <Text>

Konsola

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

Przyczyna

<Text> rozmieszcza ciąg tekstu w wierszu; nie może zawierać kontenera Flexbox. Wewnątrz <Text> wyrenderowano <Box> (lub komponent, który go renderuje, taki jak <Spacer> lub <Divider>).

Rozwiązanie

Przenieś <Box> na zewnątrz i umieść równorzędne elementy tekstowe obok siebie w wierszu:

// Before<Text>  Status: <Box><Text color="green">ok</Text></Box></Text>// After<Box flexDirection="row">  <Text>Status: </Text>  <Text color="green">ok</Text></Box>

Zagnieżdżony <Text> jest dozwolony; renderuje się jako span w wierszu.