TabBarIOS.Item報(bào)錯react.children.only expected to receive a single react element child

使用TabBarIOS.Item,報(bào)錯如下:

react.children.only expected to receive a single react element child
報(bào)錯截圖

代碼如下:

<TabBarIOS.Item systemIcon="bookmarks"
                             selected={this.state.selectedItem === 'page-4'}
                             onPress={()=>this.setState({selectedItem:'page-4'})}>
</TabBarIOS.Item>

報(bào)錯原因:

TabBarIOS.Item組件必須包含子元素,且子元素必須是一個組件

代碼修正如下:

<TabBarIOS.Item systemIcon="bookmarks"
                             selected={this.state.selectedItem === 'page-4'}
                             onPress={()=>this.setState({selectedItem:'page-4'})}>
        <View style={styles.pageStyle}>
            <Text>Page-4</Text>
        </View>
</TabBarIOS.Item>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,062評論 25 709
  • 這篇筆記主要包含 Vue 2 不同于 Vue 1 或者特有的內(nèi)容,還有我對于 Vue 1.0 印象不深的內(nèi)容。關(guān)于...
    云之外閱讀 5,178評論 0 29
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,155評論 1 92
  • Android Gradle必備使用技巧,未完待續(xù),歡迎關(guān)注公眾號flysnow_org,第一時(shí)間看后續(xù)技巧。 每...
    飛雪無情flysnow_org閱讀 3,503評論 6 15
  • #20161019每天一個關(guān)鍵詞#青島雕塑公園 這周一直帶著老媽在閨女這邊住著,照顧她的生活起居。每天她上班走后,...
    勁汶閱讀 357評論 0 0

友情鏈接更多精彩內(nèi)容