Reactネイティブ関数の問題

Question

私はセクションヘッダーのリストビューを作成し、https://medium.com/@darylrowland/reactnative-listview-with-section-headers-99a6714282c3#.t5fj6dswgからチュートリアルに従う方法を学ぼうとしています。私はJSのことで新しくなったので、私は関数に固執していて、 "ある行で予期しないトークン"と言っています。私はすでに多くのチュートリアルから関数を作るために4つの異なる方法を試していますが、誰かが私がそれを修正するのを助けることができますか？

function ubahArrayMahasiswaJadiMap() { 
    var kategoriMahasiswa = {}; //buat map kosong 
    mahasiswa.forEach(mhs){ //source problem here after mhs 
    if (!kategoriMahasiswa[mhs.sex]){ 
     //buat masukan pada map 
     kategoriMahasiswa[mhs.sex] = []; 
    } 

    kategoriMahasiswa[mhs.sex].push(mhs); 
    } 

    return kategoriMahasiswa; 
} 

私はすでに問題がまだ存在する

mahasiswa.forEach(mhs){ 
.....} 

mahasiswa.forEach((mhs)){ 
    .....} 

mahasiswa.forEach(function(mhs)){ 
    .....} 

にそれを変更してみてください。あなたの構文が間違っている

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

、あなたの構文は何かのようになります。ここ

は私の完全なソースコードは、あなたのforeachループを見てみましょう、そしてこの文書と比較

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

var mahasiswa = [ 
    {name: "Budi", sex : "male"}, 
    {name: "Ayu", sex : "female"}, 
    {name: "Tika", sex : "female"}, 
    {name: "Dara", sex : "female"}, 
    {name: "Abdul", sex : "male"}, 
    {name: "Jabbar", sex : "male"} 
]; 

function ubahArrayMahasiswaJadiMap() { 
    var kategoriMahasiswa = {}; //buat map kosong 
    mahasiswa.forEach(mhs){ <------------------------------------- problem before the bracket 
    if (!kategoriMahasiswa[mhs.sex]){ 
     //buat masukan pada map 
     kategoriMahasiswa[mhs.sex] = []; 
    } 

    kategoriMahasiswa[mhs.sex].push(mhs); 
    } 

    return kategoriMahasiswa; 
} 

export default class ListLagi extends Component { 
    render() { 
    return (
     <View style={styles.container}> 
     <Text style={styles.welcome}> 
      Welcome to React Native Oke Dong ! 
     </Text> 
     <Text style={styles.instructions}> 
      To get started, edit index.android.js 
     </Text> 
     <Text style={styles.instructions}> 
      Double tap R on your keyboard to reload,{'\n'} 
      Shake or press menu button for dev menu 
     </Text> 
     </View> 
    ); 
    } 
} 

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

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

Answer 1

ですlike：

mahasiswa.forEach((mhs) => {  
    // do this. 
    });