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 importa .export

Funkci nebo proměnnou můžete exportovat z libovolného souboru.

Vytvořme soubor s názvem person.jsa naplňte jej věcmi, které chceme exportovat.

Existují dva typy exportů: Pojmenované a Výchozí.

Pojmenované exporty můžete vytvořit dvěma způsoby. In-line jednotlivě, nebo všechny najednou dole.

person.js

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

person.js

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

export { name, age }

Dokončete moduly React, proveďte cvičení, udělejte zkoušku a získejte certifikaci w3schools!!

Vytvořme další soubor s názvem message.jsa použijeme jej pro ukázku výchozího exportu.

V souboru můžete mít pouze jeden výchozí export.

message.js

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

export default message;

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.

Importujte pojmenované exporty ze souboru person.js:

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

Importujte výchozí export ze souboru message.js:

import message from "./message.js";