Examples of using React component in English and their translations into Arabic
{-}
-
Colloquial
-
Political
-
Ecclesiastic
-
Ecclesiastic
-
Computer
Could be rewritten using a React component.
يُمكِن إعادة كتابتها كمكوّن React كما يليA React component can also return an array of elements.
يستطيع مُكوِّن React أن يُعيد مصفوفة من العناصرThis code defines a React component called LikeButton.
عرِّف هذه الشيفرة مكون React يدعى LikeButtonEach React component is encapsulated and can operate independently;
يكون كل مكوّن React مُغلّفًا وبإمكانه العمل بشكل مستقلYou have just added the first React component to your website.
لقد أضفت للتو أول مكون من مكونات React إلى موقعكWhy es6 react component works only with“export default”?
لماذا يعمل مكون رد فعل es6 فقط مع"التصدير الافتراضي"؟?Sometimes it's useful to define a static method on a React component.
من المفيد أحيانًا تعريف تابع ثابت(static) في مكوّن ReactNormally you would define a React component as a plain JavaScript class.
نُعرِّف عادةً مُكوّنات React كأصناف JavaScript مُجرَّدةA React component that allows Consumers to subscribe to context changes.
وهو مُكوِّن React الذي يسمح للمستهلك Consumer بأن يُشارك في تغييرات السياقThe easiest way to avoid conflicts is to prevent the React component from updating.
أسهل طريقة لتجنب التضاربات هي منع مكوّن React من التحديثCan you force a React component to rerender without calling setState?
هل يمكنك إجبار مكون React على إعادة تجميع دون استدعاء setState؟?This page contains a detailed API reference for the React component class definition.
تحتوي هذه الصفحة على مرجع مُفصَّل لواجهة برمجة التطبيقات(API) لتعريف صنف مكوّن ReactRemove a mounted React component from the DOM and clean up its event handlers and state.
يُزيل مكوّن React الموصول من DOM ويمسح معالجات أحداثه وحالتهIn this section, we will show how to add a React component to an existing HTML page.
في هذا القسم، سنعلمك كيفية إضافة مكون واحد من مكونات React إلى صفحة HTML موجودة مسبقًاReact components hide their implementation details, including their rendered output.
تُخفي مكوّنات React تفاصيلها التنفيذية، وهذا يشمل الناتج المُصيَّرYou can also refer to a React component using dot-notation from within JSX.
بإمكانك الإشارة أيضًا إلى مُكوِّن React باستخدام النقطة من داخل JSXThis will allow us to find it from the JavaScript code later anddisplay a React component inside of it.
سيسمح لنا هذا بالعثور عليهبسهولة عبر شيفرة جافاسكريبت لاحقًا وإضافة مكون React داخلهTo define a React component class, you need to extend React. Component: .
لتعريف صنف مكوّن React تحتاج إلى أن تمتد إلى الصنف This must return a Promise whichresolves to a module with a default export containing a React component.
هذا يجب أن يعيد وعدًا(أي Promise)يُستبيَن إلى وحدةٍ مع تصدير افتراضي default يحوي مكون ReactForwardRef creates a React component that forwards the ref attribute it receives to another component below in the tree.
ForwardRef مكوّن React يُمرِّر خاصيّة المرجع ref التي يستقبلها إلى Does having a lot of inner'helper' functions inside a functional stateless react component will result in worse performance.
هل وجود الكثير من وظائف"المساعد" الداخلية داخل مكون رد فعل وظيفي عديمي الجنسية سيؤدي إلى أداء أسوأProps are inputs to a React component. They are data passed down from a parent component to a child component. .
الخاصيّات props هي مُدخَلات في مكوّنات React، أي هي عبارة عن بيانات تُمرَّر للمستوى الأدنى من Although React is commonly used at startup to load a single root React component into the DOM, ReactDOM.
على الرغم من أنّه من الشائع استخدام It can sometimes be tedious to use controlled components, because you need to write an event handler for every way your data can change andpipe all of the input state through a React component.
قد يُصبِح استخدام المكونات المضبوطة مُمِلًّا أحيانًا لأنّك تحتاج إلى كتابة مُعالِج أحداث لكل طريقة قد تتغيّر بها بياناتكوإلى توجيه جميع حالات الإدخال عبر مُكوِّن ReactIf you are using third-party Web Components, the best solution is to write a React component that behaves as a wrapper for your Web Component. .
إن كنت تستخدم مكوّنات ويب منطرف ثالث فالحل الأمثل هو كتابة مكوّن React يسلك سلوك غلاف لمكوّنات الويب لديكThese two lines of code find the <div> we added to our HTML in the first step,and then display our“Like” button React component inside of it.
مهمة هذين السطرين هي العثور على العنصر <div> الذي أضفناه إلى صفحة HTML في الخطوة الأولىثم إظهار الزر“Like”- الذي يمثِّل أحد مكونات React- داخلهThe simplest way to consume Backbone models and collections from a React component is to listen to the various change events and manually force an update.
أبسط طريقة لاستهلاك نماذج Backbone والمجموعات من قبل مكوّنات React هي الاستماع إلى أحداث التغيير المختلفة وإجبار التحديثات يدويًّاأدوات مطور We can combine the two by making the React state be the“single source of truth”. Then the React component that renders a form also controls what happens in that form on subsequent user input.
بإمكاننا الجمع بينهما بأن نجعل حالة The React Devtools extension for Chrome andFirefox lets you inspect a React component tree with your browser's developer tools.
تُتيح لك إضافة أدوات تطوير 
