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

删除渲染，因为它是一个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

在我的反应原生屏幕中获得意外的令牌错误（期待“;”）？

1 个答案: