REACT-NATIVE SyntaxError nicht abgeschlossen JSX Inhalt (57:41)

Question

Hilfe, ich versuche Code eine App und ich kann nicht scheinen, über diesen Fehler zu kommen.

var React = require('react-native'); 

var { 
    View, 
    Text, 
    StyleSheet 
} = React; 

var styles = StyleSheet.create({ 
    mainContainer: { 
    flex: 1, 
    padding: 30, 
    marginTop: 65, 
    flexDirection: 'column', 
    justifyContent: 'center', 
    backgroundColor: '#48BBEC' 
    }, 
    title: { 
    marginBottom: 20, 
    fontSize: 25, 
    textAlign: 'center', 
    color: '#fff' 
    }, 
    searchInput: { 
    height: 50, 
    padding: 4, 
    marginRight: 5, 
    fontSize: 23, 
    borderWidth: 1, 
    borderColor: 'white', 
    borderRadius: 8, 
    color: 'white' 
    }, 
    buttonText: { 
    fontSize: 18, 
    color: '#111', 
    alignSelf: 'center' 
    }, 
    button: { 
    height: 45, 
    flexDirection: 'row', 
    backgroundColor: 'white', 
    borderColor: 'white', 
    borderWidth: 1, 
    borderRadius: 8, 
    marginBottom: 10, 
    marginTop: 10, 
    alignSelf: 'stretch', 
    justifyContent: 'center' 
    }, 
}); 

class Main extends React.Component{ 
    render(){ 
    return (
     <View style={styles.mainContainer}> 
     <Text> Testing the Router </Text> 
     </View> 
    ) 
    } 
}; 

module.exports = Main; 

Ich glaube, das Problem in diesem Block liegt

class Main extends React.Component{ 
    render(){ 
    return (
     <View style={styles.mainContainer}> 
     <Text> Testing the Router </Text> 
     </View> 
    ) 
    } 
}; 

Es Fehlermeldung: Syntax /Users/tevinrivera/Rondeh/App/Components/Main.js: Unterminated JSX Inhalt (57:41)

Answer 1

Ihre Importe falsch sind. Sie müssen React von "react" und anderen Dingen wie View, Stylesheet usw. von "react-native" importieren.

So etwas funktioniert:

import React from 'react'; 

import { 
    View, 
    Text, 
    StyleSheet 
} from 'react-native'; 

Answer 2

Alles sieht gut aus. Versuchen Sie diesen Code zu ändern

var React = require('react-native'); 

var { 
    View, 
    Text, 
    StyleSheet 
} = React; 

dieser

const React = require('React'); 
const ReactNative = require('react-native'); 
const{ 
    StyleSheet, 
    View, 
    Text 
} = ReactNative;