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>
    }

  }
}

这就是我得到的错误

enter image description here

Answer 1

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

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

无法导入组件

1 个答案: