Jak działają polecenia Reagowania importu? - javascript, reactjs

Podczas programowania za pomocą React zwykle zaczynamy od następujących czynności:

import React from "react";
import ReactDOM from "react-dom"

A potem uzyskujemy dostęp do funkcjonalności React. Jak to jednak działa? Gdzie znajdują się moduły reagujące i reagujące oraz w jaki sposób kompilator wie, jak je znaleźć?

Odpowiedzi:

Oto świetny artykuł na temat zrozumienie modułów es6.

Podstawy

W ES6 każdy moduł jest zdefiniowany we własnym pliku. Funkcje lub zmienne zdefiniowane w module nie są widoczne na zewnątrz, chyba że je jawnie wyeksportujesz. Oznacza to, że możesz pisać kod w module i eksportować tylko te wartości, do których powinny mieć dostęp inne części aplikacji.

Moduły ES6 mają charakter deklaratywny. Aby wyeksportować niektóre zmienne z modułu, wystarczy użyć słowa kluczowego export. Podobnie, aby wykorzystać eksportowane zmienne w innym module, użyj importu.

W twoim przykładzie React i ReactDOM są dodawane do twoich projektów /node_modules folder po ich zainstalowaniu za pośrednictwem npm lub yarn. Po ich zainstalowaniu w twoim projekcie możesz import je w kodzie i uzyskaj dostęp do ich wyeksportowanych funkcji.