React Native Funktion Ausgabe

Question

Ich versuche zu lernen, wie Abschnitt Header Listview und folgen Tutorial von https://medium.com/@darylrowland/reactnative-listview-with-section-headers-99a6714282c3#.t5fj6dswg. Ich bin neu bei JS Sache, so dass ich bei einer Funktion stecken und weiß nicht, warum es halten "Unerwarteter Token in einer Zeile". Ich probiere schon 4 verschiedene Möglichkeiten aus vielen Tutorials zu machen aber immer noch kann mir jemand helfen es zu reparieren?

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; 
} 

Ich versuche es schon zu

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

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

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

ändert das Problem weiterhin bestehen.

hier ist meine vollständige Quellcode

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

einen Blick auf Ihrer forEach Schleife nehmen, und vergleichen Sie mit dieser Dokumentation:

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

Ihre Syntax falsch ist, Ihre Syntax etwas sein soll, wie:

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