Modules de réaction ES6

Modules

Les modules JavaScript vous permettent de diviser votre code en fichiers séparés.

Cela facilite la maintenance de la base de code.

Les modules ES reposent sur les instructions importet export.

Exportation

Vous pouvez exporter une fonction ou une variable à partir de n'importe quel fichier.

Créons un fichier nommé person.jset remplissez-le avec les éléments que nous voulons exporter.

Il existe deux types d'exportations : nommées et par défaut.

Exportations nommées

Vous pouvez créer des exportations nommées de deux manières. En ligne individuellement, ou tous à la fois en bas.

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

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

export { name, age }

Exportations par défaut

Créons un autre fichier, nommé message.js, et utilisons-le pour démontrer l'exportation par défaut.

Vous ne pouvez avoir qu'une seule exportation par défaut dans un fichier.

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

export default message;

Importer

Vous pouvez importer des modules dans un fichier de deux manières, selon qu'il s'agit d'exportations nommées ou d'exportations par défaut.

Les exportations nommées doivent être déstructurées à l'aide d'accolades. Les exportations par défaut ne le font pas.

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

import message from "./message.js";