чем разница между импортом задачи и импорта {Задача} в ES6

Question

В чем разница между

import { Tasks } from '../api/tasks.js'; 

и

import Task from './Task.jsx'; 

когда использовать {} и когда не использовать {}?

(кстати, это от метеора учебник https://www.meteor.com/tutorials/react/update-and-remove)

Answer 1

Вы не должны использовать {}, когда вы точны, что это экспорт по умолчанию.

Например:

export default class Test{} 

Вы можете сделать:

import Test from './test' 

В другой стороны, если вы не точное "по умолчанию" ключевое слово, вы должны точной {}:

export class Test {} 

дает

import { Test } from './test' 

Answer 2

, если вы хотите, чтобы захватить все модули, которые вы можете сделать

import * as test from "Test"; 

Если экспортировать только некоторые модули и не все, то вы должны указать wictch модуль, который вы хотите

import { Module1, Module2, Module3 } from "Modules"; //grab only given in {} 

если у вас есть только export default Test вы можете

import "Test"; 

read more about modules

Answer 3

когда вы

import { Tasks } from '../api/tasks.js'; 

вы импортируете модуль задач из»../api/tasks.js';

когда вы

import Tasks from '../api/tasks.js'; 

вы импортируете модуль экспорта по умолчанию из»../api/tasks.js'; Здесь Task - это переменная, которая ссылается на модуль экспорта по умолчанию.

Пример.

task.js экспорт по умолчанию Задача;

случай 1: Это задание в task.js случай 2: Это целевая переменная, указывающая на модуль задач в task.js что Task

если я импорт someVariable из»./api/task .js 'все равно это будет работать, потому что someVarible укажет на модуль экспорта по умолчанию, который является Task-модулем в задаче.JS

Если я

импорт {someVariable} из»./api/task.js' будет искать модуль someVariable в task.js, но это не там, так что теперь не определено.