reactjs - react - Diferencia entre importación Reaccionar e importar{Componente} sintaxis

react js tutorial español pdf

Question

Esta pregunta ya tiene una respuesta aquí:

• usando corchetes con javascript import syntax 2 respuestas

Diga, estamos usando Reaccionar con ES6. Importamos Reaccionar y Componente 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''

Answer 1

El componente es una exportación con nombre. Por lo tanto, debe estar desestructurado con {}.

Reaccionar es una exportación predeterminada para Reaccionar desde ''reaccionar'' es correcto. por ejemplo, exportar por defecto Reaccionar

Answer 2

Si en cualquier archivo está exportando algo de forma predeterminada con una instrucción como "exportar React predeterminado", se puede importar como "importar React".

Para otras exportaciones que no son predeterminadas, necesitamos especificar lo que realmente queremos importar cerrando eso entre paréntesis como "importar {Componentes}".

Answer 3

Aquí están los documentos para import .

import React from ''react''

Lo anterior es una importación predeterminada. Las importaciones predeterminadas se exportan con la export default ... Solo puede haber una única exportación predeterminada.

import { Component } from ''react''

Pero esta es una importación miembro (importación nombrada). Las importaciones de los miembros se exportan con la export ... Puede haber muchas exportaciones de miembros.

Puede importar ambos usando esta sintaxis:

import React, { Component } from ''react'';

En JavaScript, las importaciones predeterminadas y con nombre se dividen, por lo que no puede importar una importación con nombre como si fuera la predeterminada. A continuación, establece el nombre Component para la exportación predeterminada del paquete ''react'' (que no va a ser lo mismo que React.Component :

import Component from ''react'';