Вот docs для import
.
import React from 'react'
Вышеприведенный импорт по умолчанию. Импорт по умолчанию экспортируется с export default ...
. Может существовать только один экспорт по умолчанию.
import { Component } from 'react'
Но это импорт элемента (с именем import). Импорт участников экспортируется с export ...
. Там может быть много экспорта участников.
Вы можете импортировать как с помощью этого синтаксиса:
import React, { Component } from 'react';
В JavaScript по умолчанию и именованные импорта разделены, так что вы не можете импортировать именованный импорта, как это было по умолчанию. Далее, задает имя Component
для экспорта по умолчанию для 'react'
пакета (который не собирается быть таким же, как React.Component
:.
import Component from 'react';
Также дубликат [Когда я должен использовать фигурные скобки для импорта ES6?] (Http://stackoverflow.com/q/36795819/218196) –
Когда вы импортируете из библиотеки React, вы должны импортировать React следующим образом: ' import React from 'react'' Поскольку React - это экспорт по умолчанию. С другой стороны, Component помещается в фигурные скобки, потому что он является дополнительным. Необязательный импорт из библиотеки помещается в фигурные скобки –