2016-11-09 17 views
0

私はReact Native基本チュートリアルに従っていました。それが終わった後に続いて、私は、たとえば次のようButton pageボタンを追加すると要素タイプが無効

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

class AwsumProjek extends Component { 
    constructor(props) { 
     super(props); 
     this.state = {tiText: ''}; 
    } 

    render() { 
     return (
      <View style={{padding: 10}}> 
       <TextInput 
       style={{height: 40}} 
       placeholder="Type here to translate!" 
       onChangeText={(tiText) => this.setState({tiText})} 
       /> 
       <Text style={{padding: 10, fontSize: 42}}> 
       {this.state.tiText.split(' ').map((word) => word && 'WA').join(' ')} 
       </Text> 
       <Button 
       title="Press Purple" 
       color="#841584" 
       accessibilityLabel="Learn more about purple" 
       /> 
      </View> 
     ); 
     } 
    } 

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

にする代わりに、私は私が間違って何をしました。このエラーに

Element type is invalid: expected a string (for built-in components) 
or a class/function (for composite components) but got: undefined. 
Check the render method of 'AwsumProjek'. 

を得、TextInput tutorialで使用されるコードで、ボタンを追加しようとしましたか?他の答えを見て、それは何かをインポートすることに関連していますか?

私はネイティブのアンドロイドの開発者でReact Nativeを習得しようとしています。私のように、Javascriptはまったく馴染みがありません。

+0

リアクションネイティブバージョン0.37を使用していますか?ボタンは0.37で導入されました – vinayr

+0

私はまだ0.36を使用しています!ありがとう!あなたは答えとしてそれを作っていただけますか? – Konayuki

答えて

1

正しいバージョンのReact Nativeを使用していることを確認してください。 Buttonコンポーネントがリアクションネイティブバージョンで導入されました0.37

+0

ありがとう!私はそれを更新し、それは今働く:) – Konayuki

関連する問題