2018-10-12 16:35:31 -04:00
|
|
|
---
|
|
|
|
|
title: Use Default Props
|
|
|
|
|
localeTitle: استخدام الدعائم الافتراضية
|
|
|
|
|
---
|
|
|
|
|
## استخدام الدعائم الافتراضية
|
|
|
|
|
|
|
|
|
|
هذا التحدي قد قمت بتعريف دعم افتراضي لمكون ShoppingCart
|
|
|
|
|
|
2019-06-20 14:01:36 -07:00
|
|
|
```javascript
|
|
|
|
|
const ShoppingCart = (props) => {
|
|
|
|
|
return (
|
|
|
|
|
<div>
|
|
|
|
|
<h1>Shopping Cart Component</h1>
|
|
|
|
|
</div>
|
|
|
|
|
)
|
|
|
|
|
};
|
|
|
|
|
```
|
2018-10-12 16:35:31 -04:00
|
|
|
|
|
|
|
|
لإعلان دعامة افتراضية ، فإن الصيغة التي يجب اتباعها هي
|
|
|
|
|
|
2019-06-20 14:01:36 -07:00
|
|
|
```javascript
|
|
|
|
|
itemName.defaultProps = {
|
|
|
|
|
prop-x: value,
|
|
|
|
|
prop-y: value
|
|
|
|
|
}
|
|
|
|
|
```
|
2018-10-12 16:35:31 -04:00
|
|
|
|
|
|
|
|
باتباع "بناء الجملة" ، يجب أن يتم تعريف التعليمة البرمجية التالية أدناه التعليمات البرمجية المحددة
|
|
|
|
|
|
2019-06-20 14:01:36 -07:00
|
|
|
```javascript
|
|
|
|
|
ShoppingCart.defaultProps = {
|
|
|
|
|
items: 0
|
|
|
|
|
}
|
|
|
|
|
```
|
2018-10-12 16:35:31 -04:00
|
|
|
|
|
|
|
|
هذا يعلن دعامة تسمى "العناصر" بقيمة "0".
|