React Native getInitialState（）構文エラー（予期しないトークン）

Question

このコードが14行目に構文/予期しないトークンエラーを与える理由を理解できないようです。

getInitialState（）が正しく設定されていること、そしてなぜそれがエラーを投げているのかわからないことは間違いありません。

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

export default class Test extends Component { 
    getInitialState() { 
    return { 
     test: '' 
    }; 
    }, 

    render() { 
    return (
     <View style={styles.container}> 
     <Text style={styles.welcome}> 
      {this.state.test} 
     </Text> 
     </View> 
    ); 
    } 
} 

const styles = StyleSheet.create({ 
    container: { 
    flex: 1, 
    justifyContent: 'center', 
    alignItems: 'center', 
    backgroundColor: '#F5FCFF', 
    }, 
    welcome: { 
    fontSize: 20, 
    textAlign: 'center', 
    margin: 10, 
    }, 
}); 

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

Answer 1

反応成分を書き込むES5方法と、反応成分を書き込むES6（ES2015）方法を混在させています。 、あなたのコードを修正するには、ここでhttps://facebook.github.io/react/docs/react-without-es6.html

それについての詳細を読む

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

export default class Test extends Component { 
    constructor(props) { 
    super(props); 
    this.state = { 
     test: '' 
    }; 
    } 

    render() { 
    return (
     <View style={styles.container}> 
     <Text style={styles.welcome}> 
      {this.state.test} 
     </Text> 
     </View> 
    ); 
    } 
} 

const styles = StyleSheet.create({ 
    container: { 
    flex: 1, 
    justifyContent: 'center', 
    alignItems: 'center', 
    backgroundColor: '#F5FCFF', 
    }, 
    welcome: { 
    fontSize: 20, 
    textAlign: 'center', 
    margin: 10, 
    }, 
}); 

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

以下のように変更します