在我的反应原生屏幕中获得意外的令牌错误(期待";")？

Question

我在我的反应原生屏幕文件中收到此错误:

SyntaxError in /MyFile.js: Unexpected token, expected ; (5:10)

我一直在盯着它试图弄清楚什么是错的,但是我是React的新手.

这是MyFile.js:

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

const LogInScreen = () => {
  render(){
    return (
      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
        <Text>Login</Text>
      </View>
      );
  };

};

export default LogInScreen

我仔细检查了ES6语法,我的箭头功能显示正确.我用括号而不是括号试了一下,括号周围的括号只是为了确定.

Answer 1

删除渲染,因为它是一个常量.

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

const LogInScreen = () => {
    return (
      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
        <Text>Login</Text>
      </View>
      );

};

export default LogInScreen

如果要使用渲染,请将代码更改为:

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

class LogInScreen extends Component {
  render(){
    return (
      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
        <Text>Login</Text>
      </View>
      );
  };

};

export default LogInScreen