cuando usar aparatos ortopédicos para ES6 Módulo único Imports

en ES6, el uso de aparatos ortopédicos para importar un solo módulo puede introducir un comportamiento inesperado. Para aclarar cuándo usar y evitar aparatos ortopédicos rizados, examinemos la distinción entre exportaciones predeterminadas y nombradas.

exportación predeterminada

al importar un solo módulo sin aparatos ortopédicos rizados, usted Esencialmente importar la exportación predeterminada. Las exportaciones predeterminadas se declaran como:

export default ;

En el ejemplo proporcionado, inicialState.js contiene una exportación predeterminada para el objeto InitialState. Por lo tanto, puede acceder a él sin aparatos ortopédicos:

import initialState from './todoInitialState';

exportar const = ; En el ejemplo de ToDoreducer.js, está tratando de acceder a la exportación con nombre:

[]

import {toDo} de './todoinitialState'; horr Evitarlos

export const  = ;

La regla general es usar aparatos ortopédicos rizados al importar exportaciones con nombre y evitarlas al importar las exportaciones predeterminadas. Aquí hay una ruptura resumida:

export const  = ;

USE BRACES CURY:

al importar una exportación específica de exportación

• Evite Curly Braces:

  al importar la exportación predeterminada desde un módulo con una sola exportación predeterminada
al importar múltiples exportaciones desde un módulo, independientemente de si están predeterminados o nombrados Exports

• Ejemplo
  • Considere lo siguiente Ejemplo:
  // a.js Exportar MyComponent de exportación predeterminada; Exportar const ChildComponent = () => {};

para importar estas exportaciones:

predeterminada exportación (myComponent):

// A.js
export default MyComponent;
export const ChildComponent = () => {};

import myComponent desde './A'; horrible y affancia ,&&&font>&&&&fono&&&fona &&&font>named export (childComponent):

import {childComponent} de' ./a'+&&&]

• entendiendo la diferencia entre las exportaciones predeterminadas y nombradas, puede determinar correctamente cuándo usar aparatos ortopédicos para Módulo único Importa en ES6.