Impossible de trouver la variable: React

Question

Je viens de commencer à apprendre à réagir, alors je m'excuse d'avance si cela peut sembler une question stupide. J'essaie de créer une simple page iOS avec un bouton qui déclenche une action. J'ai suivi le tutoriel sur la façon de commencer et voici mon code d'indexation:

'use strict';
var React = require('react-native');
var {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  TouchableHighlight,
  Component,
  AlertIOS // Thanks Kent!
} = React;

class myProj extends Component {
 render() {
    return (
      <View style={styles.container}>
        <Text>
          Welcome to React Native!
        </Text>
        <TouchableHighlight style={styles.button}
            onPress={this.showAlert}>
            <Text style={styles.buttonText}>Go</Text>
          </TouchableHighlight>
      </View>
    );
  }

  showAlert() {
    AlertIOS.alert('Awesome Alert', 'This is my first React Native alert.', [{text: 'Thanks'}] )
  }
}

var styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#FFFFFF'
  },
  buttonText: {
    fontSize: 18,
    color: 'white',
    alignSelf: 'center'
  },
  button: {
    height: 44,
    flexDirection: 'row',
    backgroundColor: '#48BBEC',
    alignSelf: 'stretch',
    justifyContent: 'center'
  }
});

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

Le problème est que lorsque je le lance à partir de Xcode sur mon appareil, je reçois

Can't find variable: React
render
main.jsbundle:1509:6
mountComponent
mountChildren

J'ai essayé de chercher la réponse en ligne, mais je n'ai rien trouvé qui puisse réellement aider. Une idée de ce qui pourrait être le problème ici?

Answer 1

Dans la dernière version de React Native, vous devez importer React à partir du paquet 'react'

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

Answer 2

import * as React from 'react';