Quando usar os aparelhos de curiosidade para o módulo único ES6 importações

no ES6, o uso de aparelhos encaracolados para importar um único módulo pode introduzir comportamento inesperado. Para esclarecer quando usar e evitar aparelhos encaracolados, vamos examinar a distinção entre as exportações padrão e nomeadas. 'está essencialmente importando a exportação padrão. As exportações padrão são declaradas como:

exportar padrão ; No exemplo fornecido, InitialState.js contém uma exportação padrão para o objeto InitialState. Portanto, você pode acessá -lo sem aparelhos encaracolados:

importar InitialState de './todoinitialState'; Um valor exportado específico, você deve usar aparelhos encaracolados. As exportações nomeadas são declaradas como:

export default ;

no exemplo de Todoreducer.js, você está tentando acessar a exportação nomeada:

import initialState from './todoInitialState';

A regra é usar aparelhos encaracolados ao importar exportações nomeadas e evitá -las ao importar exportações padrão. Aqui está uma quebra resumida:

export const  = ;

BRACES:

import { todo } from './todoInitialState';

Ao importar a exportação padrão de um módulo com apenas um exportação padrão ao importar várias exportações de um módulo, independentemente de serem padrão ou denominados ExportS

• Exemplo

  Considere o seguinte exemplo:
  • // a.js exportar MyComponent padrão; exportar const childComponent = () => {};
  para importar essas exportações:

• padrão export (mycomponent):

  • &&&] import myComponent de './A' ;[ ,&hodes
  Ao entender a diferença entre as exportações padrão e nomeadas, você pode determinar corretamente quando usar aparelhos encaracolados para solteiro Módulo Importa no ES6.