Skip to content

Commit 71ecff6

Browse files
committed
root.render
1 parent b99097f commit 71ecff6

File tree

1 file changed

+27
-0
lines changed

1 file changed

+27
-0
lines changed

src/content/reference/react-dom/client/hydrateRoot.md

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -58,3 +58,30 @@ const root = hydrateRoot(domNode, reactNode);
5858
5959
---
6060
61+
### `root.render(reactNode)` {/*root-render*/}
62+
63+
استدعِ `root.render` لتحديث مكون React داخل جذر React في عنصر DOM في المتصفح.
64+
65+
```js
66+
root.render(<App />);
67+
```
68+
69+
ستحدث React <App /> في `root` المُجَمّع.
70+
71+
[شاهد المزيد من الأمثلة أدناه.](#usage)
72+
73+
#### المعاملات {/*root-render-parameters*/}
74+
75+
* `reactNode`: *عنصر React* الذي ترغب في عرضه. عادةً ما يكون هذا جزءًا من JSX مثل `<App />`، ولكن يمكنك أيضًا تمرير عنصر React المُنشأ باستخدام [`createElement()`](/reference/react/createElement)، أو نص أو رقم أو `null` أو `undefined`.
76+
77+
78+
#### العائدات {/*root-render-returns*/}
79+
80+
تعيد `root.render`: `undefined`.
81+
82+
#### ملاحظات {/*root-render-caveats*/}
83+
84+
* إذا استدعيت `root.render` قبل أن ينتهي الجذر من التجميع، فسيقوم React بمسح محتوى HTML المرسوم بالفعل من الخادم وتحويل الجذر بأكمله إلى الرسم من جانب العميل.
85+
86+
---
87+

0 commit comments

Comments
 (0)