React ES6 Modülleri

Modüller

JavaScript modülleri, kodunuzu ayrı dosyalara ayırmanıza olanak tanır.

Bu, kod tabanını korumayı kolaylaştırır.

importES Modülleri ve exportifadelerine dayanır .

İhracat

Herhangi bir dosyadan bir işlevi veya değişkeni dışa aktarabilirsiniz.

Adlı bir dosya oluşturalım person.jsve dışa aktarmak istediğimiz şeylerle dolduralım.

İki tür dışa aktarma vardır: Adlandırılmış ve Varsayılan.

Adlandırılmış İhracat

Adlandırılmış dışa aktarmaları iki şekilde oluşturabilirsiniz. Tek tek sıralı veya hepsi bir kerede altta.

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

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

export { name, age }

Varsayılan Dışa Aktarmalar

Adlı başka bir dosya oluşturalım message.jsve onu varsayılan dışa aktarımı göstermek için kullanalım.

Bir dosyada yalnızca bir varsayılan dışa aktarma işleminiz olabilir.

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

export default message;

İçe aktarmak

Modülleri bir dosyaya, dışa aktarma veya varsayılan dışa aktarma olarak adlandırılmalarına bağlı olarak iki şekilde içe aktarabilirsiniz.

Adlandırılmış dışa aktarmalar küme parantezleri kullanılarak yok edilmelidir. Varsayılan dışa aktarmalar yoktur.

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

import message from "./message.js";