Реагировать Учебник

Реагировать Главная Реагировать Введение Реагировать Начать Реагировать ES6 Реагировать на визуализацию HTML Реагировать JSX Реагировать Компоненты Реагировать на класс Реагировать на реквизиты Реагировать на события Реагировать на условия Реагировать списки Реагировать на формы Реактивный маршрутизатор Реагировать на заметку Реагировать на стили CSS Реагировать на стиль Sass

Реагировать на крючки

Что такое крючок? использование состояния использованиеЭффект использованиеконтекста useRef использованиередьюсер использоватьОбратный звонок useMemo Пользовательские крючки

Упражнения по реагированию

Ответная викторина Упражнения по реагированию Сертификат реакции

Реагировать на модули ES6


Модули

Модули JavaScript позволяют разбивать код на отдельные файлы.

Это упрощает поддержку кодовой базы.

Модули ES полагаются на операторы importи .export


Экспорт

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

Давайте создадим файл с именем person.jsи заполним его вещами, которые мы хотим экспортировать.

Существует два типа экспорта: Named и Default.


Именованные экспорты

Вы можете создать именованный экспорт двумя способами. В линию по отдельности, или все сразу внизу.

В линию по отдельности:

person.js

export const name = "Jesse"
export const age = "40"

Все сразу внизу:

person.js

const name = "Jesse"
const age = "40"

export { name, age }

w3schools CERTIFIED . 2022

Получите сертификат!

Завершите модули React, выполните упражнения, сдайте экзамен и получите сертификат w3schools!!

ЗАПИСАТЬСЯ НА 95 $

Экспорт по умолчанию

Давайте создадим еще один файл с именем message.jsи используем его для демонстрации экспорта по умолчанию.

В файле может быть только один экспорт по умолчанию.

Пример

message.js

const message = () => {
  const name = "Jesse";
  const age = "40";
  return name + ' is ' + age + 'years old.';
};

export default message;

Импортировать

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

Именованные экспорты должны быть деструктурированы с помощью фигурных скобок. Экспорт по умолчанию — нет.

Импорт из именованного экспорта

Импортируйте именованные экспорты из файла person.js:

import { name, age } from "./person.js";

Импорт из экспорта по умолчанию

Импортируйте экспорт по умолчанию из файла message.js:

import message from "./message.js";