شرح صفوف ومحتوى الفقرة
تسمح وحدات اللغة أيضاً بدمج التصدير الافتراضي والمسمى في ملف واحد عندما يرتبط مكون رئيسي بمكون فرعي مساند له؛ كأن يصدّر ملف ProfilePanel.jsx المكون الأساسي ProfilePanel افتراضياً مع تصدير مسمى للشارة RoleTag.
وحينئذٍ نستوردهما معاً في سطر واحد أنيق: import ProfilePanel, { RoleTag } from './ProfilePanel.jsx'.
HTML
// StudioPanel.jsx
export function Tag() {
return <span className="rx-badge">Verified</span>;
}
export default function Panel() {
return <div className="rx-card"><Tag /></div>;
}
// App.jsx
import Panel, { Tag } from './StudioPanel.jsx';