如何在 React Native 中的 Text 组件内输出 <？

【问题标题】：How to output < inside Text component in React Native?如何在 React Native 中的 Text 组件内输出 <？
【发布时间】：2018-08-18 22:33:13
【问题描述】：

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

如何转义这些字符，让 JSX 不认为它是组件语法的一部分？

【问题讨论】：

标签： reactjs react-native jsx

【解决方案1】：

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

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

然后在你的组件文件中：

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

【讨论】：

【解决方案2】：

经过一些测试，我发现@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>

【讨论】：