javascript - React.children.only は単一の反応要素を受け取ることが期待されています

Question

コードの実行中に上記のエラーが発生し、このエラーについても検索しました。このエラーの意味は理解していますが、私の場合は理解できません。

index.android.js ファイルのコードは次のとおりです:-

    import React, { Component } from 'react';
import {
  AppRegistry
} from 'react-native';


import TabNavigatoro from './src/pages/TabNavigatoro';

export default class ReactNewsfeedDemo extends Component {
  render() {
    return (
      <TabNavigatoro/>
    );
  }
}

AppRegistry.registerComponent('ReactNewsfeedDemo', () => ReactNewsfeedDemo);

TabNavigatoro.js のコード:-

    import React, { Component } from 'react';
import {
  AppRegistry,
  Image
} from 'react-native';

import { Actions, ActionConst } from 'react-native-router-flux';
import logoImg from '../images/logo.png';
import eyeImg  from '../images/eye_black.png';
import homeView from './homeView';
import profileView  from './profileView';

import TabNavigator from 'react-native-tab-navigator';

export default class TabNavigatoro extends Component {

constructor(props){
super(props);
this.state={selectedTab:'home'}

}
  render() {
    return (
<TabNavigator selectedTab = {this.state.selectedTab}>
  <TabNavigator.Item
    selected={this.state.selectedTab === 'home'}
    title="Home"
    renderIcon={() => <Image source={logoImg} />}
    renderSelectedIcon={() => <Image source={logoImg} />}
    onPress={() => this.setState({ selectedTab: 'home' })}>
    {homeView}
  </TabNavigator.Item>
  <TabNavigator.Item
    selected={this.state.selectedTab === 'profile'}
    title="Profile"
    renderIcon={() => <Image source={eyeImg} />}
    renderSelectedIcon={() => <Image source={eyeImg} />}
    onPress={() => this.setState({ selectedTab: 'profile' })}>
    {profileView}
  </TabNavigator.Item>
</TabNavigator>
    );
}
}

これがhomeView.jsコードです:-

import React, { Component } from 'react';
import {
  StyleSheet,
    Text,
    View,
    Image,
    TouchableOpacity,
    TextInput,
} from 'react-native';

export default class homeView extends Component {
render() {
    return (
<View style={styles.container} >
<Text style = {styles.description}>
This is Home View , Please click to confirm.
</Text>
</View>
    );
    }
}

const styles = StyleSheet.create({
container : {
flex:1,
alignSelf : 'stretch',
justifyContent:'center',
},
description : {
fontSize:16,
color: '#ffffff',
textAlign:'center',
},
});

同じエラーのリンクが 1 つ見つかりましたが、回答がありませんでした:-

https://github.com/expo/react-native-tab-navigator/issues/130

{homeView} と {profileView} ページが選択されていないのに、実際に何が問題を引き起こしているのか教えてください。なぜ null になるのですか?

感謝！！！