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',
},
});

我发现一个链接有相同的错误，但没有回答： -

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

请让我知道究竟是什么导致问题，因为它没有选择{homeView}和{profileView}页面，为什么它会变为空？

欣赏!!!

React.children.only预计会收到一个反应元素

0 个答案: