شرح صفوف ومحتوى الفقرة
عندما يضم الملف الواحد عدة مكونات صغيرة مترابطة—مثل شارات الحالة SuccessBadge وWarningBadge داخل ملف Badges.jsx—نعتمد التصدير المسمى (Named Export) بوضع كلمة export قبل كل دالة.
وعند الاستيراد يجب وضع الأسماء المطابقة تماماً داخل أقواس معقوفة مثل import { SuccessBadge } from './Badges.jsx'. وإذا تشابه الاسم مع مكون آخر في نفس الملف، نعيد تسميته محلياً بالكلمة المفتاحية as.
HTML
// Badges.jsx
export function LivePill() {
return <span className="rx-badge">Live</span>;
}
export function VerPill() {
return <span className="rx-badge">v18.3</span>;
}
// App.jsx
import { LivePill, VerPill as Ver } from './Badges';