2016-09-06 4 views
1

OS XでReact Nativeを使用し、Deco IDEでコーディングしています。Reactネイティブプロジェクトのスーパーエクスプレッションエラー

私は私のプロジェクトに保存上のシミュレータでSuper expression must either be a null or a function, not undefinedエラーを取得しています。

私の主な問題は、今使われているものよりも、構文の異なる並べ替えを持っているように見えるのチュートリアルをオンラインで、次からのようです。残念ながら、オンラインの人々は自分のバージョンをリストしていません。例えば、彼らは私のファイルがそれを必要としているのに対し、彼らはコンマの大部分を残しているようです。

import React, { Component } from 'react'; 
import { 
    AppRegistry, 
    StyleSheet, 
    Text, 
    View 
} from 'react-native'; 
import ViewContainer from './app/components/ViewContainer'; 

class Project extends Component { 
    render() { 
    return (
     <ViewContainer> 
     <Text>{'Hello from inside ViewContainer'}</Text> 
     </ViewContainer> 
    ); 
    } 
} 

const styles = StyleSheet.create({ 
    container: { 
    flex: 1, 
    backgroundColor: '#00a0f0', 
    }, 
}); 

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

ViewContainer:ここ

は...

index.ios.js error on project save

そして、ここでは、私が編集しただけで二つのファイルのコードですエラーのスクリーンショットです.jsファイル:

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

class ViewContainer extends Component { 
    render() { 
    return (
     <View style={styles.viewContainer}> 
     {this.props.children} 
     </View> 
    ); 
    } 
} 

const styles = React.Stylesheet.create({ 

    viewContainer: { 
    flex: 1, 
    flexDirection: 'column', 
    justifyContent: 'flex-start', 
    alignItems: 'stretch', 
    }, 

}); 

module.exports = ViewContainer; 

答えて

2

ViewContainer部品このようになり、それを更新:

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

class ViewContainer extends Component { 
    render() { 
    return (
     <View style={styles.viewContainer}> 
     {this.props.children} 
     </View> 
    ); 
    } 
} 

const styles = StyleSheet.create({ 

    viewContainer: { 
    flex: 1, 
    flexDirection: 'column', 
    justifyContent: 'flex-start', 
    alignItems: 'stretch', 
    }, 

}); 

module.exports = ViewContainer; 

1-インポート反応しからコンポーネントをインポートスペルミスがスタイルシートである反応ネイティブない

2-反応すべきですUpperCaseであり、それを反応ネイティブからインポートする

+0

あなたは私の人生を救った。間違いなく、私が見ているものと私が実際にやっているものとの構文の違いがあるようです。あなたはReact Nativeに関する最新のチュートリアルを知っていますか? – bmoneruxui

関連する問題