شرح صفوف ومحتوى الفقرة
من أقوى ضمانات الأمان المدمجة في React آلية الحماية التلقائية ضد البرمجة العابرة للمواقع (Automatic XSS Escaping). فعندما تعرض نصاً قادماً من المستخدم أو الشبكة داخل الأقواس المعقوفة مثل <p>{userComment}</p>، تحوله React تلقائياً إلى عقدة نصية معزولة وترمّز محارف الوسوم قبل إدراجه في الصفحة، فتظهر أي وسوم محقونة كحروف نصية عادية يستحيل على المتصفح تنفيذها كأكواد خبيثة!
HTML
function CommentPreview() {
const rawInput = '<b>Untrusted Tag</b> & <hr>';
return (
<div className="rx-card">
<h4>Safe Escaped Output:</h4>
<p>{rawInput}</p>
</div>
);
}