无法导入组件

Question

我只是在学习如何使用本机反应，但是我在尝试导入外部组件时遇到了一些麻烦，我遇到了意外的令牌（13：6）错误。 我无法弄清楚我在做什么，请帮帮我，告诉我什么地方错了，为什么我不能导入该组件。

谢谢

这是我的代码

 import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Text, View } from 'react-native'; import ComponenteTexto from './componenteTexto'; export default class primero extends Component { render() { return ( <View style={styles.container}> <componenteTexto/> <Text style={styles.welcome}> Welcome to React Native! </Text> <Text style={styles.instructions}> To get started, edit index.android.js </Text> <Text style={styles.instructions}> Double tap R on your keyboard to reload,{'\\n'} Shake or press menu button for dev menu,{'\\n'} <Text style={styles.instructions1}> te amo tefita {5*2} </Text> </Text> </View> ); } } const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: 'white', }, welcome: { fontSize: 20, textAlign: 'center', margin: 10, }, instructions: { textAlign: 'center', color: 'skyblue', marginBottom: 8, }, instructions1: { fontSize: 25, textAlign: 'center', color: 'black', marginBottom: 8, }, }); AppRegistry.registerComponent('primero', () => primero); 

 ` 

这是我要导入的组件

 import React, {Component} from 'react'; import { View, Text } from 'react-native'; export default class ComponenteTexto extends Component { render() { return{ <View> <Text> Prueba </Text> </View> } } } 

这就是我得到的错误

在此处输入图片说明

Answer 1

您的ComponenteTexto组件在return语句中使用{ }而不是( ) ，因此它没有返回预期的对象类型。 尝试将其更改为：

return (
  <View>
    <Text>
    Prueba
    </Text>
  </View>
)