• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
    • Preguntas
    • Profesores
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Pruebas Online
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

207
Vistas
desestructuración de objetos en react-create-app

En un archivo llamado index.js tengo la siguiente exportación:

 export default { foo: true, bar: false }

Más tarde en el archivo home.js estoy haciendo lo siguiente:

 import { foo, bar } from './index' console.log(foo, bar) -> undefined, undefined

Si importo todo como:

 import index from './index' console.log(index) -> { foo: true, bar: false }

¿Alguien puede explicarme por qué sucede esto? ¿Estoy haciendo algo mal?

Estoy usando:

› crear-reaccionar-aplicación -V 1.0.3

almost 3 years ago · Santiago Trujillo
1 Respuestas
Responde la pregunta

0

Lo que tienes allí se llama exportaciones , no desestructuración.

Tienes que exportarlos como tales, no como una exportación predeterminada :

 // this will export all of the defined properties as individual // named exports, which you can pick-and-choose when importing // using a similar syntax to destructuring const foo = true, bar = false; export { foo, bar } // imported exports named 'foo' and 'bar' import { foo, bar } from './my-file'.

Si especifica una exportación default , lo que siga a la palabra clave default se exportará cuando importe sin llaves:

 // this exports an object containing { foo, bar } as the default export export default { foo: true, bar: false } // imported without {} import objectContainingFooBar from './my-file';
almost 3 years ago · Santiago Trujillo Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda