在我的反应本机屏幕中收到意外的令牌错误(预期";")？

Question

我在我的反应本机屏幕文件中遇到此错误：

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

i仔细检查了ES6语法，并且我的箭头功能看起来正确。我已经用括号而不是括号尝试了一下，括号周围是为了确保。

Answer 1

删除渲染，因为它是const。

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