«SyntaxError: Неожиданный токен», но токен не указан, ошибка указана для пробела

Question

Я следую этому уроку , так как я новичок в React Native (и Javascript в этом отношении), и я сталкиваюсь с синтаксической ошибкой "Неожиданный токен", но это не говорит мне, какой персонаж неожиданный. Я вставил свой код ниже, а также сообщение об ошибке. Я что-то здесь не так делаю?

EmojiDict. js

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

class EmojiDict extends Component {
  state = {
    'A': 'A Smiley',
    'B': 'B Rocket',
    'C': 'C Atom Symbol'
  };

  render() {
    return {
      <View style={styles.container}>
          <Text>{this.state['A']}</Text>
      </View>
    };
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center'
  }
});

export default EmojiDict;

Приложение. js

import React, { Component } from 'react';

import EmojiDict from './src/components/EmojiDict';

export default class App extends Component {
    render() {
        return <EmojiDict />;
    }
}

Сообщение об ошибке

error: SyntaxError: /Users/johnking/Documents/Projects/HelloWorld/src/components/EmojiDict.js: Unexpected token (13:6)

  11 |   render() {
  12 |     return {
> 13 |       <View style={styles.container}>
     |       ^
  14 |           <Text>{this.state['A']}</Text>
  15 |       </View>
  16 |     };

Answer 1

Вы должны вернуться () вместо {}.

render() {
    return (
      <View style={styles.container}>
          <Text>{this.state['A']}</Text>
      </View>
    );
  }