React Native. Проблема с компиляцией?

Question

[Vladislav Kh]

Здравствуйте. Пытаюсь разобраться в React Native под Android. Удалось все настроить, запустить. App.js, который генерируется при создании проекта - работает. Сообщение выводится на экран телефона через Expo.

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

export default class App extends React.Component {
  render() {
    return (
      <View>
        <Text>Привет!</Text>

      </View>
    );
  }
}

так все норм, Но, если я пытаюсь скомпилировать код из официальной документации reactnativedocs.ru/docs/tutorial.html

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

class HelloWorldApp extends Component {
  render() {
    return (
      <Text>Hello world!</Text>
    );
  }
}

AppRegistry.registerComponent('HelloWorldApp', () => HelloWorldApp);

То появляется ошибка


в чем может быть проблема? на телефоне соответсвенно тоже красный экран ....

запускаю через expo

Answer 1

[Роман Александрович]

Export default попробуйте добавить

Comments

[Vladislav Kh]

ну если делаю на рутовый класс, то конечно работает а вот с апп регистри чето не особо)

[Vladislav Kh]

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

export  default  class JustifyContentBasics extends Component {
    render() {
        return (
            // Try setting `justifyContent` to `center`.
            // Try setting `flexDirection` to `row`.
            <View style={{
                flex: 1,
                flexDirection: 'column',
                justifyContent: 'space-between',
            }}>
                <View style={{width: 50, height: 50, backgroundColor: 'powderblue'}} />
                <View style={{width: 50, height: 50, backgroundColor: 'skyblue'}} />
                <View style={{width: 50, height: 50, backgroundColor: 'steelblue'}} />
            </View>
        );
    }
};

AppRegistry.registerComponent('AwesomeProject', () => JustifyContentBasics);

такой код будет работать и запускаться )

Answer 2

[Vladislav Kh]

AppRegistry.registerComponent('HelloWorldApp', () => HelloWorldApp);

косяк кроется тут , если я напишу на рутовом классе напишу exprot default то все норм будет ... но хотелось бы разобраться что не так....