رد فعل StrictMode

ما هو React StrictMode وكيفية استخدامه

يمكنك استعمال الReact.StrictModeمكون مضمن لتمكين مجموعة من الفحوصات التي تنفذها React وتحذرك منها.

هناك طريقة سهلة تتمثل في التفاف مكون التطبيق بالكامل<React.StrictMode></React.StrictMode>في ملف index.js:

import React from 'react'
import ReactDOM from 'react-dom'

ReactDOM.render( <React.StrictMode> <App /> </React.StrictMode> document.getElementById(‘root’)

يمكنك أيضًا استخدامه عن طريق تغليف مكون أو أكثر من مكونات تطبيقك:

import React from 'react'

class Hello extends React.Component { render() { return ( <div> <React.StrictMode></React.StrictMode> <div> ) } }

واحدة من حالات الاستخدام الرئيسية لهذا المكون هي أن يتم استخدامه كأفضل الممارسات الآلية ، والمشاكل المحتملة والتحقق من الإهمال.

لا يمكن أن تلتقط كل شيء ، ولكن لديك الكثير من الفحوصات اللطيفة هنا والتي يمكن أن تساعدك في إصلاح الثمار المتدلية.

تم طرحه في React 16.3 في مارس 2018 ، ولم يكن له أي تأثير في الإنتاج ، لذلك يمكنك دائمًا ترك المكون في قاعدة الكود. عند استخدامه في التطوير ، فإنه سيطبع تحذيرات مفيدة في وحدة تحكم جافا سكريبت بالمتصفح.

تحميل مجانيكتيب رد الفعل


المزيد من البرامج التعليمية للتفاعل: