Index.js: отсутствует объявление в объявлении const

Question

Я пробовал реактивную разработку, и я на начальной стадии, поэтому я пытался создать простое приложение Hello World, но система продолжает показывать ошибку, которую я не могу решить.

Это результат, который он показывает.

Мой файл index.js выглядит так:

   import {AppRegistry} from 'react-native';
import App from './App';
import {name as appName} from './app.json';

AppRegistry.registerComponent(appName, () => App);

, а основной файл App.js - как показано ниже

export default class App extends React.Component{
  render()
  return {(
    <View style={styles.container}>
    <Text style={styles.welcome}>
     Hello World!
   </Text>
    </View>
  );
}
};

Я также исправил проблемы с бабелом и шутками, любая помощь приветствуется. Спасибо.

Answer 1

В методе рендеринга первая фигурная скобка находится в неправильном положении, она должна быть после render(), а не после return:

export default class App extends React.Component{
  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.welcome}>
          Hello World!
        </Text>
      </View>
    );
  }
};