2016-07-31 27 views
16

私はちょうど愚かな質問のように聞こえるかもしれないので、私は前もって謝罪するように反応を学び始めました。 私はアクションをトリガーするボタンを使って簡単なiOSページを作ろうとしています。 私が開始する方法についてのチュートリアルを踏襲しており、これが私のインデックスコードです:変数を見つけることができません:反応

'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); 

問題は、私は私のデバイス上のXcodeからそれを実行したとき、私は私がしようとした

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

得るということです答えをオンラインで検索しても、実際に役立つものは見つかりませんでした。どのようなアイデアがここで問題になるのでしょうか?あなたがインポートする必要がありリアクトネイティブの最新バージョンで

+0

'反応し、ネイティブstart'または'反応するネイティブ実行ios' – semanser

+0

Iコマンドを使用してプロジェクトを実行しよう試してみて、同じエラーメッセージを表示しています – KeykoYume

+0

あなたの反応ネイティブバージョンは何ですか? – QoP

答えて

33

からリアクト「反応」パッケージ

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

ありがとう!それを追加するだけで、jsxが使われるどこにでもあるはずです – Nickey

関連する問題