如何输出＆lt; React Native中的Text组件内部？

Question

像这样：<Text> Math inequality: 3 < 2x </Text>

如何逃避这些角色，以便JSX不认为它是组件语法的一部分？

Answer 1

经过一些测试，我发现@ stackdave的答案不起作用。我不知道它是否适用于其他版本的RN，但是在react-native@0.51.0上，我收到了以下错误：Cannot add a child that doesn't have a YogaNode to a parent without a measure function。

你最好的选择（最安全/更好的语法高亮显示）是这样做的：

<Text>2 {'>'} 1</Text>

Answer 2

您可以使用以下方式轻松完成：

let localizableString = 'Math inequality: 3 < 2x' //It is better to separate string literals from code for easier localization.

然后在你的组件文件中：

<Text {...textProps}>{localizableString}</Text>