陣營本機錯誤：原「」必須被包裹在一個明確的<Text>組件

Question

嗨，反應在本地和無法弄清楚是什麼原因造成我有這個錯誤。幫助將不勝感激。

謝謝

Answer 1

問題是空白。然而，使用選項卡不會被視爲空白。嘗試標籤和註釋在線32和37之間除去空間

<View> {/*green*/} 

應該是

<View>{/*green*/} 

或

<View> 
    {/*green*/} 

Answer 2

您需要標籤之間的空格去掉。看看webstorm中的每個或展示空白Preferences | Editor | General | Appearance

Answer 3

我也遇到這樣的錯誤，但在我的情況下，我不小心修改/自動格式化一些.js文件和搞砸了JSX。我不能輕易追蹤我弄糟的JSX組件的來源。我驚奇地解決了我的問題的方法是刪除node_module文件夾，然後在項目的根文件夾中通過npm install重新安裝所有節點程序包。

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

每當somevariable爲0，即somevariable會被解釋成的東西，是應該被渲染，從而將0：

Answer 4

我檢查是否按以下方式呈現組件時遇到類似錯誤一個無效的React元素。爲了解決這個問題，我確保第一個表達式總是被評估爲一個布爾值。

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

Answer 5

我已經解決了這個問題，答案是需要添加一個空格：

<View style={{width:40, height:40, backgroundColor:"green", margin:5}}> 
        <Text style={{fontSize:18}}>格子{this.state.size1}</Text> 
       </View> 

不

格子{} this.state.size1

Answer 6

在最新版本，你可以試試以下， getting stack traces