44 votes

Différence entre la syntaxe import React et import {Component}

Disons que nous utilisons React avec ES6. Nous importons React et Component as

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

Pourquoi la différence de syntaxe? Ne pouvons-nous pas utiliser comme spécifié ci-dessous?

 import Component from 'react'
 

69voto

Davin Tryon Points 16838

Voici les docs pour import.

import React from 'react'

Le ci-dessus est une importation par défaut. Par défaut, les importations sont exportés avec export default .... Il peut y avoir qu'un seul défaut à l'exportation.

import { Component } from 'react'

Mais c'est un membre d'importation (nommé à l'importation). Membre importations sont exportés avec export .... Il peut y avoir beaucoup de membre des exportations.

Vous pouvez importer à la fois en utilisant cette syntaxe:

import React, { Component } from 'react';

En JavaScript par défaut et nommées les importations sont divisés, de sorte que vous ne pouvez pas importer un nommé importation, comme c'était le défaut. Le suivant, définit le nom Component à l'exportation par défaut de l' 'react' paquet (qui ne va pas être le même que React.Component:

import Component from 'react';

0voto

D. Walsh Points 1186

Le composant est une exportation nommée. Par exemple, il doit être déstructuré avec {}.

React est une exportation par défaut pour React from 'react' est correct. par exemple, export par défaut Réagir

0voto

Prakash Sharma Points 6829

Si, dans un fichier, vous exportez quelque chose par défaut avec une déclaration telle que export default React , vous pouvez l'importer comme import React .

Pour les autres exportations qui ne sont pas par défaut, nous devons spécifier ce que nous voulons réellement importer en le fermant entre parenthèses, comme import { Components} .

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by: