ماهو - ما هو الفرق بين componentWillMount و componentDidMount في ReactJS؟




reactjs vs angular (4)

نظرت إلى وثائق Facebook على ( React.Component ) وهي تشير إلى كيفية استدعاء componentWillMount على العميل / الخادم بينما يتم استدعاء componentDidMount فقط على العميل. ماذا يفعل componentWillMount WillMount للخادم؟


componentWillMount https://daveceddia.com/where-fetch-data-componentwillmount-vs-componentdidmount/

هناك "مسكتك" ، على الرغم من ذلك: لن يتم إرجاع مكالمة غير متزامنة لجلب البيانات قبل حدوث التجسيد. هذا يعني أن المكون سيتم عرض بيانات فارغة مرة واحدة على الأقل.

لا توجد طريقة "للتوقف مؤقتًا" عن تقديمها لانتظار وصول البيانات. لا يمكنك إرجاع وعد من componentWillMount أو wrangle في setTimeout بطريقة أو بأخرى.

https://developmentarc.gitbooks.io/react-indepth/content/life_cycle/birth/premounting_with_componentwillmount.html

لن يتمكن المكون الخاص بنا من الوصول إلى واجهة المستخدم الأصلية (DOM ، وما إلى ذلك). لن نتمكن أيضًا من الوصول إلى المراجع ، لأنه لم يتم إنشاؤها بعد. مكوّنWillMount () هو فرصة لنا للتعامل مع التكوين ، وتحديث حالتنا ، والاستعداد بشكل عام للعرض الأول. هذا يعني أنه يمكننا البدء في إجراء العمليات الحسابية أو العمليات بناءً على قيم prop.


componentWillMount هو في الأساس المنشئ. يمكنك تعيين خصائص المثيل التي لا تؤثر على التجسيد ، وسحب البيانات من متجر بشكل متزامن وضبط الحالة معه ، والرمز المجاني البسيط للآثار الجانبية الذي تحتاج إلى تشغيله عند إعداد المكون الخاص بك.

نادراً ما تكون هناك حاجة إليه ، وليس على الإطلاق مع فصول ES6.


للإضافة إلى ما قاله FakeRainBrigand ، يتم استدعاء componentWillMount عند تقديم React على الخادم والعميل ، ولكن يتم استدعاء componentDidMount فقط على العميل.








reactjs