При создании приложения React существует следующее:

import React, {Component} from 'react';

Заявление на импорт. Мне любопытно, почему строка требует запятой? Я пытался найти это и не могу найти объяснение.

1
szaske 20 Авг 2018 в 23:13

4 ответа

Лучший ответ

React - это экспорт по умолчанию из 'react'.

После запятой идет список других экспортов из 'react'.

Как указано в документах MDN, синтаксис для оператора импорта может выглядеть так:

import defaultExport, { export [ , [...] ] } from "module-name";

2
Adam D 20 Авг 2018 в 20:29

Как сказал @Derek в комментарии выше. Это один из возможных синтаксисов для импорта.

ссылка бесстыдно украдена у @Derek

-2
cyc115 20 Авг 2018 в 20:29

Foo.js

export const bar = "bar";
export default "baz";

Или же:

export const bar = "bar";
const baz = "baz";
export default baz;

bar является именованным экспортом и должен быть импортирован с {}. baz является экспортом по умолчанию и может быть импортирован с любым именем без {}.

import baz, { bar } from "Foo";
console.log( baz, bar );

Или

import bazButIwantFizz, { bar } from "Foo";
console.log( bazButIwantFizz, bar );

Или

import bazButIwantFizz, { bar as barButIWantBuzz };
console.log( bazButIwantFizz, barButIWantBuzz );

Таким образом, мы можем импортировать именованные и экспорт по умолчанию, разделяя их запятой. Как предлагается в комментариях, обратитесь к связанной документации .

3
devserkan 20 Авг 2018 в 20:31
51937910