我只是在学习如何使用本机反应,但是我在尝试导入外部组件时遇到了一些麻烦,我遇到了意外的令牌(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> } } } 

这就是我得到的错误

在此处输入图片说明

#1楼 票数:0

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

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

  ask by Erick Garcia translate from so

未解决问题?本站智能推荐:

1回复

无法导入组件反应本机

因此,我是本机反应的新手 ,并且正在观看本教程视频 ,但似乎无法导入“ Splash”组件。 这是我收到的错误消息 错误信息 这是我编写的代码 还有我要导入的组件 任何帮助将不胜感激。
1回复

无法在ReactNative中导入其他组件

最近,我开始学习如何使用React Native来构建移动应用程序,我从我的一位朋友那里听说过它,我对此非常感兴趣。 但是现在我遇到了错误,试图从谷歌搜索解决方案,但是没有一个可以解决我的问题。 我的问题是,当我将其他组件导入index.android.js时,它在移动屏幕上显示错误=>
2回复

无法在ReactNative中使用新导入的组件?

我一直在研究这个程序,最近我尝试使用React-native库中的一些新组件,例如Icon和Header但是每当我尝试在render函数中使用它们时,我都会报错: “不变违反:不变违反:元素类型无效:预期使用字符串(对于内置组件)或类/函数(对于复合组件),但得到:未定义。您可能忘记了从定义
1回复

ReactNative-我想导入2个同名的组件

我想在导入时从同名导入 2 个文件。 喜欢(有可能吗?):
2回复

来自另一个组件的react-native导入组件

我有反应原生的项目,它的确定,我的问题是当我试图导入另一个组件中的组件失败但是当在index.android.js导入时它的确定为什么? index.android.js 它还可以,但是当试图在这样的另一个屏幕中导入它时 我得到了这个错误,“如果你确定该模块在那里尝试重新启动包装器或
2回复

无法导入MultiDexApplication

我有一个用 react native 构建的应用程序,我需要启用MultiDex支持。 我的问题是我无法导入MultiDexApplication类来扩展它,因为在编译时我在MainApplication.java扩展它时,导入语句和类名都symbol not found error build.g
1回复

如何从reactnative中的主题文件夹导入可重用组件?

我想从主题文件夹中导入一个可重用的 Button 组件。 这是 Button 组件的路径: 这是Button.ts的代码 这是我要导入的组件: organizationdetails-screen.tsx 。 它的路径是\\app\\screens\\superadmin-screens\\orga
1回复

如何将props传递给styled-components中的导入组件

这里出现了一个挑战,我正在使用React Native ,我需要将 props 传递给RectButton ,有谁知道怎么做? 因为它不是标准的 React Native 功能,它是从react-native-gesture-handler导入的,所以我无法通过styled-components访问