{ 'this is treated as JavaScript code' }
. ضع ذلك في الاعتبار ، نظرًا لأنه يُستخدم في العديد من التحديات المستقبلية. ومع ذلك ، نظرًا لأن JSX ليس جافا سكريبت صالحًا ، يجب ترجمة شفرة JSX إلى جافا سكريبت. أداة النقل المشذر Babel هي أداة شائعة لهذه العملية. من أجل راحتك ، تمت إضافة بالفعل خلف الكواليس لهذه التحديات. إذا حدث لك أن تكتب JSX غير صحيح من الناحية التركيبية ، فسترى أول اختبار في هذه التحديات يفشل. تجدر الإشارة إلى أنه تحت غطاء محرك السيارة التحديات تدعوا ReactDOM.render(JSX, document.getElementById('root'))
. هذه الدعوة الدالة هي ما يضع JSX الخاص بك في تمثيل React خفيف الوزن الخاص بـ DOM. ثم تستخدم React لقطات من DOM الخاصة بها لتحسين تحديث أجزاء معينة فقط من DOM الفعلي. div
إلى JSX
المستمر. استبدل div
بعنصر h1
وأضف النص Hello JSX!
داخله. JSX
المستمر بإرجاع عنصر h1
.
testString: 'assert(JSX.type === "h1", "The constant JSX
should return an h1
element.");'
- text: يجب أن تتضمن علامة h1
النص Hello JSX!
testString: 'assert(Enzyme.shallow(JSX).contains("Hello JSX!"), "The h1
tag should include the text Hello JSX!
");'
```