عرض HTML الخام في React باستخدام طرق أكثر أمانًا

في React، يمكنك الآن عرض HTML الخام باستخدام طرق أكثر أمانًا، وتجنب استخدام خطيرSetInnerHTML . فيما يلي أربعة خيارات:

1. ترميز Unicode

استخدم أحرف Unicode لتمثيل كيانات HTML في ملف مشفر UTF-8:

{`First \u00b7 Second`}

2. أرقام Unicode في سلاسل JSX

تحويل كيانات HTML إلى أرقام Unicode ضمن سلاسل JSX:

{`First `   String.fromCharCode(183)   ` Second`}

3. مصفوفة مختلطة من السلاسل وعناصر JSX

ادمج السلاسل وعناصر JSX لتقديم HTML معقد:

{[`First `, ·, ` Second`]}

4. DangerouslySetInnerHTML كملاذ أخير

استخدم فقط DangerlySetInnerHTML كملاذ أخير، لأنه يقدم ثغرات أمنية محتملة: