React Native错误:Raw&#34; &#34;必须包装在显式的<text>组件中

时间:2016-09-24 21:33:38

标签: react-native

enter image description here

嗨,我在本机反应中遇到此错误,无法弄清楚导致它的原因。非常感谢帮助。

谢谢

6 个答案:

答案 0 :(得分:19)

问题是空白。但是,使用制表符不算作空格。尝试删除第32行和第37行中标记注释之间的空格。

<View> {/*green*/}

应该是

<View>{/*green*/}

<View>
    {/*green*/}

答案 1 :(得分:19)

在检查是否以下列方式呈现组件时遇到类似的错误:

{somevariable && <Text>abcd</Text>}

每当somevariable为0时,somevariable将被解释为应该呈现的内容,因此0是无效的React元素。为了解决这个问题,我确保第一个表达式总是计算为布尔值。

{!!somevariable && <Text>abcd</Text>}

答案 2 :(得分:0)

您需要删除标记之间的空格。在webstorm Preferences | Editor | General | Appearance

中查看每个或显示空白

答案 3 :(得分:0)

我也遇到了这个错误,但在我的情况下,我不小心修改了/自动格式化了一些.js文件并弄乱了JSX。我无法轻易追踪我搞砸的JSX组件的来源。令我惊讶的是,我解决问题的方法是删除node_module文件夹,并在项目的根文件夹中按npm install重新安装所有节点包。

答案 4 :(得分:0)

我已经解决了问题,答案是需要添加一个空格:

0x0A

不是

格子{this.state.size1}

答案 5 :(得分:0)

在最新版本中,您可以尝试以下方法, getting stack traces