React DOM APIs

تحتوي حزمة react-dom الوظائف المدعومة لتطبيقات الويب فقط (التي تعمل في بيئة المستعرض DOM). أي أنها غير مدعومة لـ React Native.


APIs

هذه الوظائف يمكن استيرادها في مكوناتك. لكن نادراً ما يتم استخدامها:

  • تتيح لك createPortal تقديم مكونات فرعية في جزء مختلف من شجرة DOM.
  • تتيح لك flushSync إجبار React على تفريغ تحديث الحالة وتحديث DOM بشكل متزامن.

نقطة البداية

تقدم حزمة react-dom نقطتي بداية إضافيتين:

  • تحتوي react-dom/client على وظائف لتصيير مكونات React على العميل (في المستعرض).
  • تحتوي react-dom/server على وظائف لتصيير مكونات React على الخادم.

وظائف ملغاه

Deprecated

ستتم إزالة هذه الوظائف في إصدار رئيسي مستقبلي من React.

  • تجد findDOMNode أقرب عنصر DOM تتوافق مع مثيل مكون class component.
  • تقوم hydrate بتركيب شجرة في DOM التي تم إنشاؤها من HTML الخادم. مهجور لصالح hydrateRoot.
  • تقوم render بتركيب شجرة في DOM. مهجور لصالح createRoot.
  • تقوم unmountComponentAtNode بإلغاء تركيب شجرة من DOM. مهجور لصالح root.unmount().