ES6 Modullar

React ES6 Modullar

Modullar

JavaScript modullari kodni alohida fayllarga bo‘lish imkonini beradi.

Bu kodni boshqarishni osonlashtiradi.

ES modullari import va export deklaratsiyalariga asoslanadi.

Export (Eksport)

Har qanday fayldan funksiya yoki o‘zgaruvchi eksport qilish mumkin.

Misol uchun, person.js nomli fayl yaratamiz va uni eksport qilish uchun kerakli narsalar bilan to‘ldiramiz.

Eksportning ikki turi mavjud: Nomlangan va Default.

Nomlangan Eksportlar

Nomlangan eksportlarni ikkita usulda yaratishingiz mumkin: alohida yoki barchasini bir joyda eksport qilish.

Misol

Alohida eksport:

person.js

export const name = 'Jesse';
export const age = 40;

Barchasini bir joyda eksport qilish:

person.js

const name = 'Jesse';
const age = 40;
 
export { name, age };

Default Eksportlar

Yana bir fayl, message.js, yaratamiz va unda default eksportni ko‘rsatamiz.

Bir faylda faqat bitta default eksport bo‘lishi mumkin.

Misol

message.js

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

Import (Import)

Modullarni faylga ikkita usulda import qilish mumkin, ular nomlangan eksportlar yoki default eksportlar bo‘lishiga qarab.

Nomlangan eksportlar qavslar ({}) yordamida destruktivlashtirilishi kerak. Default eksportlar esa qavslarni talab qilmaydi.

Misol

Nomlangan eksportlarni person.js faylidan import qilish:

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

Misol

Default eksportni message.js faylidan import qilish:

import message from './message.js';