وحدات React ES6

الوحدات

تسمح لك وحدات JavaScript النمطية بتقسيم التعليمات البرمجية الخاصة بك إلى ملفات منفصلة.

هذا يجعل من السهل الحفاظ على قاعدة التعليمات البرمجية.

تعتمد الوحدات النمطية ES على العبارات importو export.

يمكنك تصدير دالة أو متغير من أي ملف.

دعونا ننشئ ملفًا باسمه person.js، ونملأه بالأشياء التي نريد تصديرها.

هناك نوعان من الصادرات: مسمى وافتراضي.

يمكنك إنشاء عمليات تصدير مسماة بطريقتين. في الخط بشكل فردي ، أو الكل مرة واحدة في الأسفل.

person.js

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

person.js

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

export { name, age }

أكمل وحدات React ، ونفّذ التمارين ، وخذ الامتحان واحصل على شهادة w3schools !!

دعونا ننشئ ملفًا آخر يسمى ونستخدمه message.jsلإظهار التصدير الافتراضي.

يمكنك الحصول على تصدير افتراضي واحد فقط في الملف.

message.js

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

export default message;

يمكنك استيراد وحدات نمطية إلى ملف بطريقتين ، بناءً على ما إذا كانت تسمى عمليات تصدير أو عمليات تصدير افتراضية.

يجب إتلاف الصادرات المسماة باستخدام الأقواس المتعرجة. الصادرات الافتراضية لا تفعل ذلك.

استيراد الصادرات المسماة من ملف person.js:

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

استيراد تصدير افتراضي من ملف message.js:

import message from "./message.js";