class
ES6. في المثال التالي ، يقوم Kitten
بتوسيع React.Component
: class Kitten يمد React.Component {هذا ينشئ فئة ES6
منشئ (الدعائم) {
السوبر (الدعائم)؛
}
يجعل() {
إرجاع (
<h1> تحليل مرحبا </ H1>
)؛
}
}
Kitten
الذي يمتد فئة React.Component
. لذا ، أصبح بإمكان فئة Kitten
الآن الوصول إلى العديد من ميزات React المفيدة ، مثل الخطافات المحلية ودورة الحياة. لا تقلق إذا لم تكن على دراية بهذه الشروط حتى الآن ، سيتم تغطيتها بمزيد من التفصيل في تحديات لاحقة. لاحظ أيضًا أن فئة Kitten
بها constructor
مُعرَّف داخلها يستدعي super()
. ويستخدم super()
لاستدعاء منشئ الفئة الأصل ، في هذه الحالة React.Component
. المنشئ هو طريقة خاصة تستخدم أثناء تهيئة الكائنات التي يتم إنشاؤها باستخدام الكلمة الأساسية class
. ومن أفضل الممارسات لاستدعاء المكون constructor
مع super
، وتمرير props
على حد سواء. هذا يجعل من تهيئة المكون بشكل صحيح. في الوقت الحالي ، اعلم أنه من المعتاد تضمين هذا الرمز. قريبا سترى استخدامات أخرى للمنشئ وكذلك props
. div
.
testString: 'assert(Enzyme.shallow(React.createElement(MyComponent)).type() === "div", "The React component should return a div
element.");'
- text: يجب على div
إرجاعه عرض رأس h1
بداخله.
testString: 'assert(/div
should render an h1
header within it.");'
- text: يجب أن يحتوي رأس h1
على السلسلة Hello React!
.
testString: 'assert(Enzyme.shallow(React.createElement(MyComponent)).html() === "h1
header should contain the string Hello React!
.");'
```
## Challenge Seed