Nie widziałem wcześniej tej składni i zastanawiam się, o co w tym wszystkim chodzi.

var { Navigation } = require('react-router');

Nawiasy po lewej stronie generują błąd składniowy:

nieoczekiwany znak {

Nie jestem pewien, która część konfiguracji pakietu internetowego jest przekształcana ani jaki jest cel składni. Czy to kwestia Harmonii? Czy ktoś może mnie oświecić?

Nazywa się to przydziałem destrukcji i jest częścią standardu ES2015 .

Składnia przypisania destrukturyzacji jest wyrażeniem JavaScript, które umożliwia wyodrębnianie danych z tablic lub obiektów przy użyciu składni, która odzwierciedla konstrukcję tablic i literałów obiektowych.

Źródło: odniesienie do przypisania destrukturyzacji w MDN

Destrukcja obiektów

 var o = {p: 42, q: true};
 var {p, q} = o;

 console.log(p); // 42
 console.log(q); // true 

 // Assign new variable names
 var {p: foo, q: bar} = o;

 console.log(foo); // 42
 console.log(bar); // true

Destrukturyzacja macierzy

var foo = ["one", "two", "three"];

// without destructuring
var one   = foo[0];
var two   = foo[1];
var three = foo[2];

// with destructuring
var [one, two, three] = foo;

To jest destrukcyjne zadanie . To nowa funkcja ECMAScript 2015.

var {
  AppRegistry,
  StyleSheet,
  Text,
  View,
} = React;

Jest odpowiednikiem:

var AppRegistry = React.AppRegistry;
var StyleSheet = React.StyleSheet;
var Text = React.Text;
var View = React.View;

var { Navigation } = require('react-router');

... wykorzystuje destrukturyzację, aby osiągnąć to samo, co ...

var Navigation = require('react-router').Navigation;

... ale jest znacznie bardziej czytelny.

To nowa funkcja w ES6 do niszczenia obiektów.

Jak wszyscy wiemy, odbywa się tutaj operacja przypisania, co oznacza, że ​​wartość po prawej stronie jest przypisywana zmiennej po lewej stronie.

var { Navigation } = require('react-router');

W tym przypadku require('react-router')metoda zwraca obiekt z parą klucz-wartość

{ Navigation: function a(){}, Example1: function b(){}, Example2: function c(){} }.

A jeśli chcielibyśmy wziąć jeden klucz w tym zwróconym obiekcie, powiedz Navigationdo zmiennej, możemy użyć do tego niszczenia obiektów .

Będzie to możliwe tylko wtedy, gdy będziemy mieć klucz w środku.

Tak więc po instrukcji przypisania zmienna lokalna Navigationbędzie zawieraćfunction a(){}

Inny przykład wygląda tak.

var { p, q } = { p: 1, q:2, r:3, s:4 };
console.log(p) //1;
console.log(q) //2;