REACT-NATIVE SyntaxError未终止的JSX内容（57:41）

Question

帮助，我尝试编码一个应用程序，我似乎无法通过此错误。

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; 

我认为问题就出在这一块

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

有错误消息：SyntaxError错误/Users/tevinrivera/Rondeh/App/Components/Main.js：未终止的JSX内容（57:41 ）

Answer 1

你的进口是错误的。你需要从'react'和其他东西，比如View，Stylesheet等'react-native'中导入React。

喜欢的东西会工作：

import React from 'react'; 

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

Answer 2

一切看起来不错。尝试改变这种代码

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

var { 
    View, 
    Text, 
    StyleSheet 
} = React; 

这个

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