React native 在我的react native屏幕中获取意外的令牌错误（预期为“错误”）？

我在react本机屏幕文件中遇到此错误：

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

我已经盯着它看了一段时间，试图找出什么是错误的，但我是新的反应

以下是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

从“React”导入React；
从“react native”导入{样式表、文本、视图}；
常量登录屏幕=（）=>{
render（）{
返回(
登录
);
};
};
导出默认登录屏幕

---

我仔细检查了ES6语法，我的箭头函数看起来是正确的。我尝试用括号代替大括号，并用括号括住大括号以确保效果。

删除渲染，因为它是常量

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

从“React”导入React；
从“react native”导入{样式表、文本、视图}；
常量登录屏幕=（）=>{
返回(
登录
);
};
导出默认登录屏幕

如果要使用渲染，请将代码更改为：

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

import React，{Component}来自'React'；
从“react native”导入{样式表、文本、视图}；
类LogInScreen扩展组件{
render（）{
返回(
登录
);
};
};
导出默认登录屏幕

删除渲染，因为它是常量

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

从“React”导入React；
从“react native”导入{样式表、文本、视图}；
常量登录屏幕=（）=>{
返回(
登录
);
};
导出默认登录屏幕

如果要使用渲染，请将代码更改为：

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

import React，{Component}来自'React'；
从“react native”导入{样式表、文本、视图}；
类LogInScreen扩展组件{
render（）{
返回(
登录
);
};
};
导出默认登录屏幕