React DOM APIs
تحتوي حزمة react-dom
على الوظائف المدعومة لتطبيقات الويب فقط (التي تعمل في بيئة المتصفح DOM). أي أنها غير مدعومة لـ React Native.
APIs
هذه الوظائف يمكن استيرادها في مكوناتك. لكن نادراً ما يتم استخدامها:
- تتيح لك
createPortal
تقديم مكونات فرعية في جزء مختلف من شجرة DOM. - تتيح لك
flushSync
إجبار React على تفريغ تحديث الحالة وتحديث DOM بشكل متزامن.
نقاط البداية
تقدم حزمة react-dom
نقطتي بداية إضافيتين:
- تحتوي
react-dom/client
على وظائف لتصيير مكونات React في جانب العميل (في المتصفح). - تحتوي
react-dom/server
على وظائف لتصيير مكونات React في الخادم.
وظائف ملغاه
- تجد
findDOMNode
أقرب عنصر DOM يتوافق مع مثيل مكونclass
. - تقوم
hydrate
بتركيب شجرة في DOM التي تم إنشاؤها من HTML الذي تم تصييره في الخادم. مهجور لصالحhydrateRoot
. - تقوم
render
بتركيب شجرة في DOM. مهجور لصالحcreateRoot
. - تقوم
unmountComponentAtNode
بإلغاء تركيب شجرة من DOM. مهجور لصالحroot.unmount()
.