2018-10-12 16:35:31 -04:00
|
|
|
---
|
|
|
|
|
title: Render HTML Elements to the DOM
|
|
|
|
|
localeTitle: تقديم عناصر HTML إلى DOM
|
|
|
|
|
---
|
|
|
|
|
# تقديم عناصر HTML إلى DOM
|
|
|
|
|
|
|
|
|
|
لتقديم عنصر إلى DOM ، نستخدم بناء الجملة التالي
|
|
|
|
|
|
2019-06-20 14:01:36 -07:00
|
|
|
```javascript
|
|
|
|
|
ReactDOM.render(<item to be rendered>, <where to be rendered>);
|
|
|
|
|
```
|
2018-10-12 16:35:31 -04:00
|
|
|
|
|
|
|
|
## حل
|
|
|
|
|
|
|
|
|
|
بعد بناء الجملة ، نضيف هذا السطر من التعليمة البرمجية لتحويل عنصر JSX إلى div بمعرف عقدة التحدي.
|
|
|
|
|
|
2019-06-20 14:01:36 -07:00
|
|
|
```javascript
|
|
|
|
|
ReactDOM.render(JSX,document.getElementById('challenge-node'));
|
|
|
|
|
```
|