Digamos que estamos usando React con ES6. Importamos React y Component como
import React from 'react' import { Component } from 'react'¿Por qué la diferencia de sintaxis? ¿No podemos usar como se especifica a continuación?
import Component from 'react'Aquí están los documentos para la import .
import React from 'react' Lo anterior es una importación predeterminada. Las importaciones predeterminadas se exportan con export default ... . Solo puede haber una única exportación predeterminada.
import { Component } from 'react' Pero esta es una importación de miembros (llamada importación). Las importaciones de los miembros se exportan con export ... . Puede haber muchas exportaciones de miembros.
Puede importar ambos utilizando esta sintaxis:
import React, { Component } from 'react'; En JavaScript, las importaciones predeterminadas y con nombre están divididas, por lo que no puede importar una importación con nombre como si fuera la predeterminada. A continuación, establece el nombre Component en la exportación predeterminada del paquete 'react' (que no será lo mismo que React.Component :
import Component from 'react';El componente es una exportación con nombre. por ejemplo, debe desestructurarse con {}.
React es una exportación predeterminada para React desde 'react' es correcta. por ejemplo, exportar reacción predeterminada
Si en algún archivo está exportando algo por defecto con una declaración como export default React , entonces eso puede importarse como import React .
Para otras exportaciones que no son predeterminadas, debemos especificar lo que realmente queremos importar cerrándolo entre paréntesis como import { Components} .