React ES6 Modules
Moduly
Moduly JavaScriptu umožňují rozdělit kód do samostatných souborů.
To usnadňuje údržbu kódové základny.
Moduly ES spoléhají na příkazy import
a .export
Vývozní
Funkci nebo proměnnou můžete exportovat z libovolného souboru.
Vytvořme soubor s názvem person.js
a naplňte jej věcmi, které chceme exportovat.
Existují dva typy exportů: Pojmenované a Výchozí.
Pojmenované exporty
Pojmenované exporty můžete vytvořit dvěma způsoby. In-line jednotlivě, nebo všechny najednou dole.
In-line jednotlivě:
person.js
export const name = "Jesse"
export const age = "40"
Vše najednou dole:
person.js
const name = "Jesse"
const age = "40"
export { name, age }
Získejte certifikaci!
95 $ PŘIHLÁSIT SE
Výchozí exporty
Vytvořme další soubor s názvem message.js
a použijeme jej pro ukázku výchozího exportu.
V souboru můžete mít pouze jeden výchozí export.
Příklad
message.js
const message = () => {
const name = "Jesse";
const age = "40";
return name + ' is ' + age + 'years old.';
};
export default message;
Import
Moduly můžete importovat do souboru dvěma způsoby, podle toho, zda se jmenují exporty nebo výchozí exporty.
Pojmenované exporty je nutné destruovat pomocí složených závorek. Výchozí exporty ne.
Import z pojmenovaných exportů
Importujte pojmenované exporty ze souboru person.js:
import { name, age } from "./person.js";
Import z výchozích exportů
Importujte výchozí export ze souboru message.js:
import message from "./message.js";