Pourquoi utiliser des accolades dans la syntaxe d'importation JavaScript ?

Utilisation de crochets avec la syntaxe d'importation JavaScript

La syntaxe d'importation JavaScript permet l'importation de bibliothèques et de modules. Une bibliothèque rencontrée récemment utilise la syntaxe suivante :

import React, { Component, PropTypes } from 'react';

Cette syntaxe diffère de la technique plus conventionnelle, qui consiste à importer React sans accolades :

import React, Component, PropTypes from 'react';

Comprendre la syntaxe avec accolades

La syntaxe avec accolades indique que l'export par défaut de 'react' doit être importé sous le nom React. De plus, les exportations nommées Component et PropTypes doivent être importées sous les mêmes noms. Il s'agit d'une combinaison des deux syntaxes courantes :

import React from 'react';
import { Component, PropTypes } from 'react';

Objectif de la syntaxe Brace

En général, la plupart des modules fournissent soit une seule exportation par défaut, soit une liste des exportations désignées. Il est rare que les modules proposent les deux. Cependant, lorsqu'un module possède une fonctionnalité commune exportée par défaut et des sous-fonctionnalités supplémentaires, la syntaxe des accolades peut être utilisée. Cette syntaxe permet d'importer la fonctionnalité idéale par défaut, tandis que les autres sont nommées exportations.

Explications alternatives

Pour clarifier davantage, la syntaxe des accolades est équivalente to :

import { default as React, Component, PropTypes } from 'react';

Cela indique que l'exportation par défaut de « react » est importée en tant que React et que les exportations nommées Component et PropTypes sont également importées comme elles-mêmes.

D'autre part , la syntaxe sans accolades équivaut à importer l'exportation par défaut de 'react' en tant que React tout en important également les exportations nommées Component et PropTypes.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!