Импорт экспортированных значений в ES6

Правильный ответ на вопрос о том, как правильно импортировать одно экспортированное значение из модуля в ES6, - это import myExport from 'module'.

ES6, также известный как ECMAScript 2015, ввёл новую синтаксическую конструкцию для импорта и экспорта модулей, которая считается более удобной и мощной, чем предыдущие методы.

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

Синтаксис import myExport from 'module' означает, что вы импортируете значение myExport из модуля 'module'. Здесь 'module' - это имя файла модуля или путь к нему.

Рассмотрим это на практическом примере. Пусть у вас есть модуль с именем 'myModule', который экспортирует функцию helloWorld.

// myModule.js
export function helloWorld() {
  console.log('Hello, world!');
}

Теперь вы можете импортировать эту функцию в другой модуль и использовать ее следующим образом:

// app.js
import { helloWorld } from 'myModule';

helloWorld();  // Выводит: Hello, world!

Важно отметить, что имя import значения (в нашем случае это helloWorld) должно точно соответствовать имени экспортированного значения. Если вы хотите использовать другое имя, вы можете использовать ключевое слово as для переименования:

// app.js
import { helloWorld as greeting } from 'myModule';

greeting();  // Выводит: Hello, world!

В целом, синтаксис import в ES6 делает работу с модулями гораздо более гибкой и позволяет удобно управлять импортируемыми значениями.