質問編集履歴

2

randosel

randosel score 25

2016/08/05 17:20  投稿

es6 react-nativeにおけるsyntax
現在React-Nativeの写経
をしているのですが、下記の</View>の下の行でエラーが出ます。
をしているのですが、下記の</View>の2個下の行でエラーが出ます。
教材はES5で紹介されているのですが、react-native自体はes6をサポートしているので調べつつes6で書いているのですが、どのように変更すればOKなのか分からないため教えていただけると助かります。
```javascript
class weekdays extends Component {
 render() {
   return (
     <View style={styles.container}>
       <Text>
         Days of the week:
       </Text>
       {this.days()}
     </View>
   );
 },
 days() {
   return DAYS.map(function(day){
     // Called 7 times, one for each day of the week
     return <DayItem day={day} />
   });
 }
}
```
  • React Native

    673 questions

    React Nativeは、ネイティブモバイルアプリ(iOS/Android)を作成できるJavaScriptフレームワークです。Reactと同じ設計のため、宣言的なコンポーネントでリッチなUIを開発することが可能です。

1 m

randosel

randosel score 25

2016/08/05 17:15  投稿

es6 react-nativeにおけるsyntax
現在React-Nativeの写経
をしているのですが、下記の</View>の下の行でエラーが出ます。
教材はES5で紹介されているのですが、react-native自体はes6をサポートしているので調べつつes6で書いているのですが、どのように変更すればOKなのか分からないため教えていただけると助かります。
```javascript
class weekdays extends Component {
 render() {
   return (
     <View style={styles.container}>
     <Text>
     Days of the week:
       <Text>
         Days of the week:
       </Text>
     {this.days()}
       {this.days()}
     </View>
   );
 },
 days() {
   return DAYS.map(function(day){
     // Called 7 times, one for each day of the week
     return <DayItem day={day} />
   });
 }
}
```
  • React Native

    673 questions

    React Nativeは、ネイティブモバイルアプリ(iOS/Android)を作成できるJavaScriptフレームワークです。Reactと同じ設計のため、宣言的なコンポーネントでリッチなUIを開発することが可能です。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る