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
component. - تقوم
hydrate
بتركيب شجرة في DOM التي تم إنشاؤها من HTML الخادم. مهجور لصالحhydrateRoot
. - تقوم
render
بتركيب شجرة في DOM. مهجور لصالحcreateRoot
. - تقوم
unmountComponentAtNode
بإلغاء تركيب شجرة من DOM. مهجور لصالحroot.unmount()
.