React-Native类型无效-预期为字符串

时间:2020-01-03 13:17:03

标签: react-native mobile

我从本机反应开始,我发现下一个错误,我有点迷失方向。

从App.js中,我导入了组件Home.js,但是出现以下错误:

###错误##################

警告:React.createElement:类型无效-预期为字符串(对于内置组件)或类/函数(对于复合组件) 但是得到了:%s。%s%s,未定义,您可能忘记了从定义文件中导出组件,或者您可能混淆了默认导入和命名导入。

#### App.js #############

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

import { Home } from './componentes/Home';

export default class App extends Component {

  render(){
    return(
      <View>
        <Home />
      </View>
  );
}

### ./componentes/Home.js ###########

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

export default class Home extends Component{
    render() {
      return (
        <Text>Home</Text>
      );
    }
  }

1 个答案:

答案 0 :(得分:1)

只需在您的App.js中将Home导入方式更改为,

import  Home  from './componentes/Home';

而不是下一个

import { Home } from './componentes/Home';

希望它会有所帮助,毫无疑问地