Quand utiliser des accolades bouclées pour les importations de module unique ES6

dans ES6, en utilisant des accolades bouclées pour l'importation d'un seul module peut introduire un comportement inattendu. Pour clarifier quand utiliser et éviter les accolades bouclées, examinons la distinction entre les exportations par défaut et nommées.

exportation par défaut

Lorsque «Récitait essentiellement l'exportation par défaut. Les exportations par défaut sont déclarées comme:

export default ;

Dans l'exemple fourni, initialState.js contient une exportation par défaut pour l'objet InitialState. Par conséquent, vous pouvez y accéder sans braces bouclées:

import initialState from './todoInitialState';

export const = ; Dans l'exemple todoreducer.js, vous essayez d'accéder au TODO nommé Export:

import {todo} de './todoinitialState'ito'ntate'ity ;&&& godaye. Les éviter

export const  = ;

export const  = ;

Utilisez des accolades bouclées:

lors de l'importation d'une export spécifique nommée

• Évitez Curly Braces:

  lors de l'importation de l'exportation par défaut à partir d'un module avec une seule exportation par défaut
lors de l'importation de plusieurs exportations à partir d'un module, qu'ils soient par défaut ou nommés par défaut ou nommés par défaut Exports

• Exemple
  • Considérez l'exemple suivant:
  // a.js Exporter par défaut MyComponent; export const childomponent = () => {};

export par défaut (myComponent):

export const  = ;

En comprenant la différence entre les exportations par défaut et nommées, vous pouvez déterminer correctement quand utiliser des accolades bouclées pour Importations de module unique dans es6.