شرح صفوف ومحتوى الفقرة
تحتاج أحياناً لإرجاع عنصرين شقيقين لكل سجل في المصفوفة دون إفساد الهيكل الدلالي بغلاف <div> زائد، مثل زوج المصطلح <dt> والتعريف <dd> داخل قائمة <dl>. وبما أن الصيغة المختصرة <> لا تقبل سمات، نستورد Fragment من مكتبة react ونكتب الصيغة الصريحة <Fragment key={item.id}>.
HTML
import { Fragment } from 'react';
function GlossaryList({ terms }) {
return (
<dl>{terms.map((t) => (
<Fragment key={t.id}>
<dt>{t.name}</dt>
<dd>{t.meaning}</dd>
</Fragment>
))}</dl>
);
}