Wie kann man ein Objekt-Array von Flux Dispatcher in React holen?

Question

An meinem Front-End laufe ich React mit Flux Dispatcher. Ich habe auch Web-Pack-Dev-Server läuft.

Nach „Unexpected Token“ Fehler der Erforschung, ich an dieser Lösung kontinuierlich ankommen: babel-loader jsx SyntaxError: Unexpected token

Allerdings habe ich diese Voreinstellung in meiner webpack.config.js-Datei enthalten und ich nur diese Fehlermeldung erhalten, wenn ein Array in der Dispatcher vom Fluss. Ich habe die Funktion, die ich zum Testen erstellt habe, unten aufgeführt. Dies funktioniert perfekt, wenn nur ein Objekt übergeben wird, aber es wird ein Fehler ausgegeben, wenn ein Array übergeben wird.

Module build failed: SyntaxError: /Users/foo/sites/app/js/actions/TripActions.js: Unexpected token (33:6) 
    31 |    country: "Spain", 
    32 |    complete: false 
> 33 |   }, 
    |   ^
    34 |   { 
    35 |    id: 987655432, 
    36 |    text: "Another Great Flat!", 

Meine Funktion, die ich

export function reloadTrip() { 

    dispatcher.dispatch({type: "FETCH_TRIPS"}); 

    setTimeout(() => { 


     dispatcher.dispatch({type: "RECIEVE_TRIPS", [ 
      { 
       id: 123456789, 
       text: "Nice flat for you and me", 
       city: "Madrid", 
       country: "Spain", 
       complete: false 
      }, 
      { 
       id: 987655432, 
       text: "Another Great Flat!", 
       city: "Paris", 
       country: "France", 
       complete: true 
      } 
     ]}); 


    }, 1000); 
} 

Answer 1

Sie vorbei, ein Objekt zu dispatcher.dispatch mich entschieden, aber das Objekt hat einen Schlüssel/Wert ({type: 'RECEIVE_TRIPS'}) und ein Array ([{...}, {...}]). Das Array ist ungültig, ein Objekt benötigt einen Schlüssel/Wert.

Pass:

{ 
    type: 'RECEIVE_TRIPS', 
    trips: [{...}, {...}], 
} 

und Sie sollten es besser machen.

Um zu testen, ob Babel wie erwartet funktioniert, versuchen Sie es in der Befehlszeile mit einem fehlerfreien (dh: einfach) Skript.