كيفية مزامنة حالة النص في React

في React، تقدم الأحداث الخارجية مثل تغييرات النص داخل عناصر HTML الصعوبات في التعامل معها بشكل مباشر من خلال الدوال المعتادة مثل onChange أو onInput. على سبيل المثال، تحديثات نصية داخل عناصر الـ </code> من خلال ملحقات المتصفح مثل Grammarly أو Auto Text Expander لا تقوم بإطلاق الأحداث المعتادة في React، مما يؤدي إلى عدم تحديث حالة العنصر بشكل صحيح وبالتالي إلى تضارب بين قيمة النص في الـ <code><textarea></code> وحالة العنصر في المكون.</p> <div id="inline-related-post" class="mag-box mini-posts-box content-only"> <div class="container-wrapper"> <div class="widget-title the-global-title"> <div class="the-subtitle">مقالات ذات صلة</div> </div> <div class="mag-box-container clearfix"> <ul class="posts-items posts-list-container"> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="فهم التشابهات والفروق: التكوين والصفوف الداخلية" href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%81%d9%87%d9%85-%d8%a7%d9%84%d8%aa%d8%b4%d8%a7%d8%a8%d9%87%d8%a7%d8%aa-%d9%88%d8%a7%d9%84%d9%81%d8%b1%d9%88%d9%82-%d8%a7%d9%84%d8%aa%d9%83%d9%88%d9%8a%d9%86-%d9%88%d8%a7%d9%84%d8%b5%d9%81%d9%88/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="220" height="150" src="https://it-solutions.center/wp-content/uploads/2023/10/it-solutions-center-high-resolution-logo-220x150.png" class="attachment-jannah-image-small size-jannah-image-small tie-small-image" alt="" /></a> </div><!-- post-alignleft /--> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%81%d9%87%d9%85-%d8%a7%d9%84%d8%aa%d8%b4%d8%a7%d8%a8%d9%87%d8%a7%d8%aa-%d9%88%d8%a7%d9%84%d9%81%d8%b1%d9%88%d9%82-%d8%a7%d9%84%d8%aa%d9%83%d9%88%d9%8a%d9%86-%d9%88%d8%a7%d9%84%d8%b5%d9%81%d9%88/">فهم التشابهات والفروق: التكوين والصفوف الداخلية</a> <div class="post-meta"> <span class="date meta-item tie-icon">15/04/2024</span> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="كيفية ضبط الكوكيز والوصول لبيانات المواقع باستخدام PHP" href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%b6%d8%a8%d8%b7-%d8%a7%d9%84%d9%83%d9%88%d9%83%d9%8a%d8%b2-%d9%88%d8%a7%d9%84%d9%88%d8%b5%d9%88%d9%84-%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%85/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="220" height="150" src="https://it-solutions.center/wp-content/uploads/2023/10/it-solutions-center-high-resolution-logo-220x150.png" class="attachment-jannah-image-small size-jannah-image-small tie-small-image" alt="" /></a> </div><!-- post-alignleft /--> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%b6%d8%a8%d8%b7-%d8%a7%d9%84%d9%83%d9%88%d9%83%d9%8a%d8%b2-%d9%88%d8%a7%d9%84%d9%88%d8%b5%d9%88%d9%84-%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%85/">كيفية ضبط الكوكيز والوصول لبيانات المواقع باستخدام PHP</a> <div class="post-meta"> <span class="date meta-item tie-icon">15/04/2024</span> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="استكشاف البديل لـ FindAsync في LINQ: الحلول باستخدام SingleOrDefaultAsync" href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%a7%d8%b3%d8%aa%d9%83%d8%b4%d8%a7%d9%81-%d8%a7%d9%84%d8%a8%d8%af%d9%8a%d9%84-%d9%84%d9%80-findasync-%d9%81%d9%8a-linq-%d8%a7%d9%84%d8%ad%d9%84%d9%88%d9%84-%d8%a8%d8%a7%d8%b3%d8%aa%d8%ae%d8%af/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="220" height="150" src="https://it-solutions.center/wp-content/uploads/2023/10/it-solutions-center-high-resolution-logo-220x150.png" class="attachment-jannah-image-small size-jannah-image-small tie-small-image" alt="" /></a> </div><!-- post-alignleft /--> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%a7%d8%b3%d8%aa%d9%83%d8%b4%d8%a7%d9%81-%d8%a7%d9%84%d8%a8%d8%af%d9%8a%d9%84-%d9%84%d9%80-findasync-%d9%81%d9%8a-linq-%d8%a7%d9%84%d8%ad%d9%84%d9%88%d9%84-%d8%a8%d8%a7%d8%b3%d8%aa%d8%ae%d8%af/">استكشاف البديل لـ FindAsync في LINQ: الحلول باستخدام SingleOrDefaultAsync</a> <div class="post-meta"> <span class="date meta-item tie-icon">15/04/2024</span> </div> </div> </li> </ul> </div> </div> </div> <div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"><div> <!-- defults --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3293364314201893" data-ad-slot="2303082872" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div></div> <p>الحل الأمثل لهذه المشكلة يتضمن استخدام مفهوم يُعرف عادةً باسم “مزامنة الحالة” (State Synchronization)، حيث يتم تزامن قيمة الحالة داخل المكون مع القيمة الفعلية للعنصر HTML، بغض النظر عن كيفية تغيير القيمة. في حالتنا هذه، يمكن تحقيق هذه المزامنة عبر استخدام دالة تحديث حالة المكون (State Update Function) التي تقدمها React، وهي الدالة التي يتم استدعاؤها لتحديث قيمة الحالة.</p><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"><div> <!-- defults --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3293364314201893" data-ad-slot="2303082872" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div></div> <p>لتطبيق هذا الحل بشكل عملي، يمكن إنشاء متغير مؤقت (Temporary Variable) لتخزين قيمة النص الحالية داخل المكون، ومن ثم تحديث حالة المكون عندما يتغير هذا المتغير. يُمكن استخدام دالة الحصول على العنصر (Ref) في React للوصول إلى العنصر HTML الفعلي، ومن ثم استخدام الأحداث الخارجية (External Events) مثل <code>input</code> أو <code>change</code> لمراقبة التغييرات.</p><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"><div> <!-- defults --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3293364314201893" data-ad-slot="2303082872" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div></div> <p>الخطوات الأساسية لتنفيذ هذا الحل هي:</p><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"><div> <!-- defults --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3293364314201893" data-ad-slot="2303082872" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div></div> <ol> <li>إنشاء متغير مؤقت داخل المكون لتخزين القيمة الحالية للنص.</li> <li>استخدام دالة الحصول على العنصر (Ref) للوصول إلى العنصر HTML.</li> <li>إضافة مراقب لأحداث التغيير الخارجية على العنصر، مثل <code>input</code> أو <code>change</code>.</li> <li>عند حدوث التغيير، تحديث قيمة المتغير المؤقت.</li> <li>استخدام دالة تحديث حالة المكون لتحديث الحالة بالقيمة الجديدة للنص.</li> </ol> <p>هذا الحل يسمح بتحديث حالة المكون بشكل صحيح حتى في حالة وجود تغييرات نصية خارجة عن طريق ملحقات المتصفح، ويحافظ على التزامن بين قيمة النص وحالة المكون في React.</p><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"><div> <!-- defults --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3293364314201893" data-ad-slot="2303082872" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div></div> <p>تذكر أنه يجب استخدام هذا الحل بحذر، وتأكد من إدارته بشكل صحيح لتفادي أي مشاكل أخرى قد تنشأ نتيجة له.</p><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"><div> <!-- defults --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3293364314201893" data-ad-slot="2303082872" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div></div> </div> </div> <h2>المزيد من المعلومات</h2> <p><img decoding="async" src="https://it-solutions.center/pic/more_info.png" class="center"></p> <div data-message-author-role="assistant" data-message-id="1728bec5-0a78-4ad1-abbd-4968db7d92a7" dir="auto" class="min-h-[20px] text-message flex flex-col items-start gap-3 whitespace-pre-wrap break-words [.text-message+&]:mt-5 overflow-x-auto"> <div class="markdown prose w-full break-words dark:prose-invert light"> <p>بالطبع، دعني أكمل المقال:</p> <hr> <p>فيما يلي مثال على كيفية تنفيذ الحل المقترح في React:</p> <pre><div class="dark bg-gray-950 rounded-md"><div class="flex items-center relative text-token-text-secondary bg-token-main-surface-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md"><span>jsx</span><span class="" data-state="closed"><button class="flex gap-1 items-center"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-sm"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5C10.8954 3.5 10 4.39543 10 5.5H14C14 4.39543 13.1046 3.5 12 3.5ZM8.53513 3.5C9.22675 2.3044 10.5194 1.5 12 1.5C13.4806 1.5 14.7733 2.3044 15.4649 3.5H17.25C18.9069 3.5 20.25 4.84315 20.25 6.5V18.5C20.25 20.1569 19.1569 21.5 17.25 21.5H6.75C5.09315 21.5 3.75 20.1569 3.75 18.5V6.5C3.75 4.84315 5.09315 3.5 6.75 3.5H8.53513ZM8 5.5H6.75C6.19772 5.5 5.75 5.94772 5.75 6.5V18.5C5.75 19.0523 6.19772 19.5 6.75 19.5H17.25C18.0523 19.5 18.25 19.0523 18.25 18.5V6.5C18.25 5.94772 17.8023 5.5 17.25 5.5H16C16 6.60457 15.1046 7.5 14 7.5H10C8.89543 7.5 8 6.60457 8 5.5Z" fill="currentColor"></path></svg>Copy code</button></span></div><div class="p-4 overflow-y-auto"><code class="!whitespace-pre hljs language-jsx"><span class="hljs-keyword">import</span> <span class="hljs-title class_">React</span>, { useRef, useState } <span class="hljs-keyword">from</span> <span class="hljs-string">'react'</span>; <span class="hljs-keyword">const</span> <span class="hljs-title function_">ExternalChangeEventExample</span> = (<span class="hljs-params"></span>) => { <span class="hljs-comment">// إنشاء متغير مؤقت لتخزين قيمة النص</span> <span class="hljs-keyword">const</span> textValueRef = <span class="hljs-title function_">useRef</span>(<span class="hljs-string">''</span>); <span class="hljs-comment">// حالة لتخزين قيمة النص داخل المكون</span> <span class="hljs-keyword">const</span> [text, setText] = <span class="hljs-title function_">useState</span>(<span class="hljs-string">''</span>); <span class="hljs-comment">// دالة لمعالجة تغييرات النص</span> <span class="hljs-keyword">const</span> <span class="hljs-title function_">handleTextChange</span> = (<span class="hljs-params">event</span>) => { <span class="hljs-comment">// تحديث قيمة المتغير المؤقت عند حدوث التغيير</span> textValueRef.<span class="hljs-property">current</span> = event.<span class="hljs-property">target</span>.<span class="hljs-property">value</span>; }; <span class="hljs-comment">// دالة لمعالجة الحفظ عند الضغط على زر الحفظ مثلاً</span> <span class="hljs-keyword">const</span> <span class="hljs-title function_">handleSave</span> = (<span class="hljs-params"></span>) => { <span class="hljs-comment">// تحديث حالة المكون بقيمة النص الحالية</span> <span class="hljs-title function_">setText</span>(textValueRef.<span class="hljs-property">current</span>); }; <span class="hljs-keyword">return</span> ( <span class="xml"><span class="hljs-tag"><<span class="hljs-name">div</span>></span> {/* إضافة العنصر textarea وربطه بدالة التحديث */} <span class="hljs-tag"><<span class="hljs-name">textarea</span> <span class="hljs-attr">value</span>=<span class="hljs-string">{text}</span> <span class="hljs-attr">onChange</span>=<span class="hljs-string">{handleTextChange}</span> /></span> {/* زر لحفظ النص */} <span class="hljs-tag"><<span class="hljs-name">button</span> <span class="hljs-attr">onClick</span>=<span class="hljs-string">{handleSave}</span>></span>حفظ<span class="hljs-tag"></<span class="hljs-name">button</span>></span> <span class="hljs-tag"></<span class="hljs-name">div</span>></span></span> ); }; <span class="hljs-keyword">export</span> <span class="hljs-keyword">default</span> <span class="hljs-title class_">ExternalChangeEventExample</span>; </code></div></div></pre> <p>في هذا المثال، يتم استخدام الدالة <code>useRef</code> لإنشاء متغير مؤقت <code>textValueRef</code> الذي يتم استخدامه لتخزين قيمة النص الحالية داخل المكون. ثم يتم استخدام الحالة <code>text</code> لتخزين القيمة الفعلية للنص التي يتم عرضها داخل الـ <code><textarea></code>.</p> <p>عند حدوث تغيير في الـ <code><textarea></code>، يتم تحديث قيمة المتغير المؤقت <code>textValueRef.current</code> داخل دالة <code>handleTextChange</code>، ولكن لا يتم تحديث حالة المكون مباشرة.</p><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"><div> <!-- defults --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3293364314201893" data-ad-slot="2303082872" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div></div> <p>عندما يتم النقر على الزر “حفظ”، يتم استخدام قيمة المتغير المؤقت <code>textValueRef.current</code> لتحديث حالة المكون <code>text</code>، وبالتالي يتم مزامنة قيمة النص داخل المكون مع القيمة الفعلية للنص.</p> <p>هذا النهج يسمح بمعالجة التغييرات الخارجية بشكل فعال في React دون الحاجة إلى التعامل مع الأحداث مباشرة، مما يسمح بتطوير تطبيقات React أكثر مرونة وتأميناً.</p> <hr> <p>يمكنك تعديل الكود حسب احتياجاتك الخاصة، مثل إضافة مزيد من المنطق لمعالجة الحالات الخاصة، أو تكامله مع مكتبات إضافية في React لتسهيل العملية أكثر.</p> </div> </div></p> <div class="stream-item stream-item-below-post-content"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"><div> <!-- defults --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3293364314201893" data-ad-slot="2303082872" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div></div><div class="post-bottom-meta post-bottom-tags post-tags-modern"><div class="post-bottom-meta-title"><span class="tie-icon-tags" aria-hidden="true"></span> الوسوم</div><span class="tagcloud"><a href="https://it-solutions.center/tag/react/" rel="tag">React</a> <a href="https://it-solutions.center/tag/%d8%a7%d9%84%d8%b9%d9%86%d8%b5%d8%b1-textarea/" rel="tag">العنصر textarea</a> <a href="https://it-solutions.center/tag/%d8%aa%d8%ba%d9%8a%d9%8a%d8%b1%d8%a7%d8%aa-%d8%a7%d9%84%d9%86%d8%b5/" rel="tag">تغييرات النص</a> <a href="https://it-solutions.center/tag/%d8%af%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d8%aa%d8%ad%d8%af%d9%8a%d8%ab/" rel="tag">دالة التحديث</a> <a href="https://it-solutions.center/tag/%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%a7%d9%84%d8%ad%d8%a7%d9%84%d8%a9/" rel="tag">مزامنة الحالة</a></span></div> </div><!-- .entry-content /--> <div id="post-extra-info"> <div class="theiaStickySidebar"> <div id="share-buttons-top" class="share-buttons share-buttons-top"> <div class="share-links share-centered icons-only share-rounded"> <a href="https://www.facebook.com/sharer.php?u=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/" rel="external noopener nofollow" title="فيسبوك" target="_blank" class="facebook-share-btn " data-raw="https://www.facebook.com/sharer.php?u={post_link}"> <span class="share-btn-icon tie-icon-facebook"></span> <span class="screen-reader-text">فيسبوك</span> </a> <a href="https://twitter.com/intent/tweet?text=%D9%83%D9%8A%D9%81%D9%8A%D8%A9%20%D9%85%D8%B2%D8%A7%D9%85%D9%86%D8%A9%20%D8%AD%D8%A7%D9%84%D8%A9%20%D8%A7%D9%84%D9%86%D8%B5%20%D9%81%D9%8A%20React&url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/" rel="external noopener nofollow" title="X" target="_blank" class="twitter-share-btn " data-raw="https://twitter.com/intent/tweet?text={post_title}&url={post_link}"> <span class="share-btn-icon tie-icon-twitter"></span> <span class="screen-reader-text">X</span> </a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/&title=%D9%83%D9%8A%D9%81%D9%8A%D8%A9%20%D9%85%D8%B2%D8%A7%D9%85%D9%86%D8%A9%20%D8%AD%D8%A7%D9%84%D8%A9%20%D8%A7%D9%84%D9%86%D8%B5%20%D9%81%D9%8A%20React" rel="external noopener nofollow" title="لينكدإن" target="_blank" class="linkedin-share-btn " data-raw="https://www.linkedin.com/shareArticle?mini=true&url={post_full_link}&title={post_title}"> <span class="share-btn-icon tie-icon-linkedin"></span> <span class="screen-reader-text">لينكدإن</span> </a> <a href="https://www.tumblr.com/share/link?url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/&name=%D9%83%D9%8A%D9%81%D9%8A%D8%A9%20%D9%85%D8%B2%D8%A7%D9%85%D9%86%D8%A9%20%D8%AD%D8%A7%D9%84%D8%A9%20%D8%A7%D9%84%D9%86%D8%B5%20%D9%81%D9%8A%20React" rel="external noopener nofollow" title="‏Tumblr" target="_blank" class="tumblr-share-btn " data-raw="https://www.tumblr.com/share/link?url={post_link}&name={post_title}"> <span class="share-btn-icon tie-icon-tumblr"></span> <span class="screen-reader-text">‏Tumblr</span> </a> <a href="https://pinterest.com/pin/create/button/?url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/&description=%D9%83%D9%8A%D9%81%D9%8A%D8%A9%20%D9%85%D8%B2%D8%A7%D9%85%D9%86%D8%A9%20%D8%AD%D8%A7%D9%84%D8%A9%20%D8%A7%D9%84%D9%86%D8%B5%20%D9%81%D9%8A%20React&media=" rel="external noopener nofollow" title="بينتيريست" target="_blank" class="pinterest-share-btn " data-raw="https://pinterest.com/pin/create/button/?url={post_link}&description={post_title}&media={post_img}"> <span class="share-btn-icon tie-icon-pinterest"></span> <span class="screen-reader-text">بينتيريست</span> </a> <a href="https://reddit.com/submit?url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/&title=%D9%83%D9%8A%D9%81%D9%8A%D8%A9%20%D9%85%D8%B2%D8%A7%D9%85%D9%86%D8%A9%20%D8%AD%D8%A7%D9%84%D8%A9%20%D8%A7%D9%84%D9%86%D8%B5%20%D9%81%D9%8A%20React" rel="external noopener nofollow" title="‏Reddit" target="_blank" class="reddit-share-btn " data-raw="https://reddit.com/submit?url={post_link}&title={post_title}"> <span class="share-btn-icon tie-icon-reddit"></span> <span class="screen-reader-text">‏Reddit</span> </a> <a href="fb-messenger://share?app_id=5303202981&display=popup&link=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/&redirect_uri=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/" rel="external noopener nofollow" title="ماسنجر" target="_blank" class="messenger-mob-share-btn messenger-share-btn " data-raw="fb-messenger://share?app_id=5303202981&display=popup&link={post_link}&redirect_uri={post_link}"> <span class="share-btn-icon tie-icon-messenger"></span> <span class="screen-reader-text">ماسنجر</span> </a> <a href="https://www.facebook.com/dialog/send?app_id=5303202981&display=popup&link=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/&redirect_uri=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/" rel="external noopener nofollow" title="ماسنجر" target="_blank" class="messenger-desktop-share-btn messenger-share-btn " data-raw="https://www.facebook.com/dialog/send?app_id=5303202981&display=popup&link={post_link}&redirect_uri={post_link}"> <span class="share-btn-icon tie-icon-messenger"></span> <span class="screen-reader-text">ماسنجر</span> </a> <a href="https://api.whatsapp.com/send?text=%D9%83%D9%8A%D9%81%D9%8A%D8%A9%20%D9%85%D8%B2%D8%A7%D9%85%D9%86%D8%A9%20%D8%AD%D8%A7%D9%84%D8%A9%20%D8%A7%D9%84%D9%86%D8%B5%20%D9%81%D9%8A%20React%20https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/" rel="external noopener nofollow" title="واتساب" target="_blank" class="whatsapp-share-btn " data-raw="https://api.whatsapp.com/send?text={post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-whatsapp"></span> <span class="screen-reader-text">واتساب</span> </a> <a href="https://telegram.me/share/url?url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/&text=%D9%83%D9%8A%D9%81%D9%8A%D8%A9%20%D9%85%D8%B2%D8%A7%D9%85%D9%86%D8%A9%20%D8%AD%D8%A7%D9%84%D8%A9%20%D8%A7%D9%84%D9%86%D8%B5%20%D9%81%D9%8A%20React" rel="external noopener nofollow" title="تيلقرام" target="_blank" class="telegram-share-btn " data-raw="https://telegram.me/share/url?url={post_link}&text={post_title}"> <span class="share-btn-icon tie-icon-paper-plane"></span> <span class="screen-reader-text">تيلقرام</span> </a> <a href="viber://forward?text=%D9%83%D9%8A%D9%81%D9%8A%D8%A9%20%D9%85%D8%B2%D8%A7%D9%85%D9%86%D8%A9%20%D8%AD%D8%A7%D9%84%D8%A9%20%D8%A7%D9%84%D9%86%D8%B5%20%D9%81%D9%8A%20React%20https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/" rel="external noopener nofollow" title="ڤايبر" target="_blank" class="viber-share-btn " data-raw="viber://forward?text={post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-phone"></span> <span class="screen-reader-text">ڤايبر</span> </a> <a href="https://line.me/R/msg/text/?%D9%83%D9%8A%D9%81%D9%8A%D8%A9%20%D9%85%D8%B2%D8%A7%D9%85%D9%86%D8%A9%20%D8%AD%D8%A7%D9%84%D8%A9%20%D8%A7%D9%84%D9%86%D8%B5%20%D9%81%D9%8A%20React%20https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/" rel="external noopener nofollow" title="لاين" target="_blank" class="line-share-btn " data-raw="https://line.me/R/msg/text/?{post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-line"></span> <span class="screen-reader-text">لاين</span> </a> <a href="mailto:?subject=%D9%83%D9%8A%D9%81%D9%8A%D8%A9%20%D9%85%D8%B2%D8%A7%D9%85%D9%86%D8%A9%20%D8%AD%D8%A7%D9%84%D8%A9%20%D8%A7%D9%84%D9%86%D8%B5%20%D9%81%D9%8A%20React&body=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/" rel="external noopener nofollow" title="مشاركة عبر البريد" target="_blank" class="email-share-btn " data-raw="mailto:?subject={post_title}&body={post_link}"> <span class="share-btn-icon tie-icon-envelope"></span> <span class="screen-reader-text">مشاركة عبر البريد</span> </a> <a href="#" rel="external noopener nofollow" title="طباعة" target="_blank" class="print-share-btn " data-raw="#"> <span class="share-btn-icon tie-icon-print"></span> <span class="screen-reader-text">طباعة</span> </a> </div><!-- .share-links /--> </div><!-- .share-buttons /--> </div> </div> <div class="clearfix"></div> <script id="tie-schema-json" type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"BlogPosting","dateCreated":"2024-04-12T22:55:08+03:00","datePublished":"2024-04-12T22:55:08+03:00","dateModified":"2024-04-12T22:55:08+03:00","headline":"\u0643\u064a\u0641\u064a\u0629 \u0645\u0632\u0627\u0645\u0646\u0629 \u062d\u0627\u0644\u0629 \u0627\u0644\u0646\u0635 \u0641\u064a React","name":"\u0643\u064a\u0641\u064a\u0629 \u0645\u0632\u0627\u0645\u0646\u0629 \u062d\u0627\u0644\u0629 \u0627\u0644\u0646\u0635 \u0641\u064a React","keywords":"React,\u0627\u0644\u0639\u0646\u0635\u0631 textarea,\u062a\u063a\u064a\u064a\u0631\u0627\u062a \u0627\u0644\u0646\u0635,\u062f\u0627\u0644\u0629 \u0627\u0644\u062a\u062d\u062f\u064a\u062b,\u0645\u0632\u0627\u0645\u0646\u0629 \u0627\u0644\u062d\u0627\u0644\u0629","url":"https:\/\/it-solutions.center\/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9\/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react\/","description":"\u0641\u064a React\u060c \u062a\u0642\u062f\u0645 \u0627\u0644\u0623\u062d\u062f\u0627\u062b \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629 \u0645\u062b\u0644 \u062a\u063a\u064a\u064a\u0631\u0627\u062a \u0627\u0644\u0646\u0635 \u062f\u0627\u062e\u0644 \u0639\u0646\u0627\u0635\u0631 HTML \u0627\u0644\u0635\u0639\u0648\u0628\u0627\u062a \u0641\u064a \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639\u0647\u0627 \u0628\u0634\u0643\u0644 \u0645\u0628\u0627\u0634\u0631 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062f\u0648\u0627\u0644 \u0627\u0644\u0645\u0639\u062a\u0627\u062f\u0629 \u0645\u062b\u0644 onChange \u0623\u0648 onInput. \u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u060c \u062a\u062d\u062f\u064a\u062b\u0627\u062a \u0646\u0635\u064a\u0629 \u062f\u0627\u062e\u0644 \u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0640 \u0645\u0646 \u062e\u0644","copyrightYear":"2024","articleSection":"\u0627\u0644\u0628\u0631\u0645\u062c\u0629","articleBody":"\u0641\u064a React\u060c \u062a\u0642\u062f\u0645 \u0627\u0644\u0623\u062d\u062f\u0627\u062b \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629 \u0645\u062b\u0644 \u062a\u063a\u064a\u064a\u0631\u0627\u062a \u0627\u0644\u0646\u0635 \u062f\u0627\u062e\u0644 \u0639\u0646\u0627\u0635\u0631 HTML \u0627\u0644\u0635\u0639\u0648\u0628\u0627\u062a \u0641\u064a \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639\u0647\u0627 \u0628\u0634\u0643\u0644 \u0645\u0628\u0627\u0634\u0631 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062f\u0648\u0627\u0644 \u0627\u0644\u0645\u0639\u062a\u0627\u062f\u0629 \u0645\u062b\u0644 onChange \u0623\u0648 onInput. \u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u060c \u062a\u062d\u062f\u064a\u062b\u0627\u062a \u0646\u0635\u064a\u0629 \u062f\u0627\u062e\u0644 \u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0640 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0645\u0644\u062d\u0642\u0627\u062a \u0627\u0644\u0645\u062a\u0635\u0641\u062d \u0645\u062b\u0644 Grammarly \u0623\u0648 Auto Text Expander \u0644\u0627 \u062a\u0642\u0648\u0645 \u0628\u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u0623\u062d\u062f\u0627\u062b \u0627\u0644\u0645\u0639\u062a\u0627\u062f\u0629 \u0641\u064a React\u060c \u0645\u0645\u0627 \u064a\u0624\u062f\u064a \u0625\u0644\u0649 \u0639\u062f\u0645 \u062a\u062d\u062f\u064a\u062b \u062d\u0627\u0644\u0629 \u0627\u0644\u0639\u0646\u0635\u0631 \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d \u0648\u0628\u0627\u0644\u062a\u0627\u0644\u064a \u0625\u0644\u0649 \u062a\u0636\u0627\u0631\u0628 \u0628\u064a\u0646 \u0642\u064a\u0645\u0629 \u0627\u0644\u0646\u0635 \u0641\u064a \u0627\u0644\u0640 \u0648\u062d\u0627\u0644\u0629 \u0627\u0644\u0639\u0646\u0635\u0631 \u0641\u064a \u0627\u0644\u0645\u0643\u0648\u0646.\u0627\u0644\u062d\u0644 \u0627\u0644\u0623\u0645\u062b\u0644 \u0644\u0647\u0630\u0647 \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u064a\u062a\u0636\u0645\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u0641\u0647\u0648\u0645 \u064a\u064f\u0639\u0631\u0641 \u0639\u0627\u062f\u0629\u064b \u0628\u0627\u0633\u0645 \"\u0645\u0632\u0627\u0645\u0646\u0629 \u0627\u0644\u062d\u0627\u0644\u0629\" (State Synchronization)\u060c \u062d\u064a\u062b \u064a\u062a\u0645 \u062a\u0632\u0627\u0645\u0646 \u0642\u064a\u0645\u0629 \u0627\u0644\u062d\u0627\u0644\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0643\u0648\u0646 \u0645\u0639 \u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u0644\u0644\u0639\u0646\u0635\u0631 HTML\u060c \u0628\u063a\u0636 \u0627\u0644\u0646\u0638\u0631 \u0639\u0646 \u0643\u064a\u0641\u064a\u0629 \u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u0642\u064a\u0645\u0629. \u0641\u064a \u062d\u0627\u0644\u062a\u0646\u0627 \u0647\u0630\u0647\u060c \u064a\u0645\u0643\u0646 \u062a\u062d\u0642\u064a\u0642 \u0647\u0630\u0647 \u0627\u0644\u0645\u0632\u0627\u0645\u0646\u0629 \u0639\u0628\u0631 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062f\u0627\u0644\u0629 \u062a\u062d\u062f\u064a\u062b \u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0643\u0648\u0646 (State Update Function) \u0627\u0644\u062a\u064a \u062a\u0642\u062f\u0645\u0647\u0627 React\u060c \u0648\u0647\u064a \u0627\u0644\u062f\u0627\u0644\u0629 \u0627\u0644\u062a\u064a \u064a\u062a\u0645 \u0627\u0633\u062a\u062f\u0639\u0627\u0624\u0647\u0627 \u0644\u062a\u062d\u062f\u064a\u062b \u0642\u064a\u0645\u0629 \u0627\u0644\u062d\u0627\u0644\u0629.\u0644\u062a\u0637\u0628\u064a\u0642 \u0647\u0630\u0627 \u0627\u0644\u062d\u0644 \u0628\u0634\u0643\u0644 \u0639\u0645\u0644\u064a\u060c \u064a\u0645\u0643\u0646 \u0625\u0646\u0634\u0627\u0621 \u0645\u062a\u063a\u064a\u0631 \u0645\u0624\u0642\u062a (Temporary Variable) \u0644\u062a\u062e\u0632\u064a\u0646 \u0642\u064a\u0645\u0629 \u0627\u0644\u0646\u0635 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0643\u0648\u0646\u060c \u0648\u0645\u0646 \u062b\u0645 \u062a\u062d\u062f\u064a\u062b \u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0643\u0648\u0646 \u0639\u0646\u062f\u0645\u0627 \u064a\u062a\u063a\u064a\u0631 \u0647\u0630\u0627 \u0627\u0644\u0645\u062a\u063a\u064a\u0631. \u064a\u064f\u0645\u0643\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062f\u0627\u0644\u0629 \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0639\u0646\u0635\u0631 (Ref) \u0641\u064a React \u0644\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u0639\u0646\u0635\u0631 HTML \u0627\u0644\u0641\u0639\u0644\u064a\u060c \u0648\u0645\u0646 \u062b\u0645 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0623\u062d\u062f\u0627\u062b \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629 (External Events) \u0645\u062b\u0644 input \u0623\u0648 change \u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062a\u063a\u064a\u064a\u0631\u0627\u062a.\u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u062a\u0646\u0641\u064a\u0630 \u0647\u0630\u0627 \u0627\u0644\u062d\u0644 \u0647\u064a:\u0625\u0646\u0634\u0627\u0621 \u0645\u062a\u063a\u064a\u0631 \u0645\u0624\u0642\u062a \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0643\u0648\u0646 \u0644\u062a\u062e\u0632\u064a\u0646 \u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u0644\u0644\u0646\u0635.\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062f\u0627\u0644\u0629 \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0639\u0646\u0635\u0631 (Ref) \u0644\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u0639\u0646\u0635\u0631 HTML.\u0625\u0636\u0627\u0641\u0629 \u0645\u0631\u0627\u0642\u0628 \u0644\u0623\u062d\u062f\u0627\u062b \u0627\u0644\u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u0639\u0646\u0635\u0631\u060c \u0645\u062b\u0644 input \u0623\u0648 change.\u0639\u0646\u062f \u062d\u062f\u0648\u062b \u0627\u0644\u062a\u063a\u064a\u064a\u0631\u060c \u062a\u062d\u062f\u064a\u062b \u0642\u064a\u0645\u0629 \u0627\u0644\u0645\u062a\u063a\u064a\u0631 \u0627\u0644\u0645\u0624\u0642\u062a.\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062f\u0627\u0644\u0629 \u062a\u062d\u062f\u064a\u062b \u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0643\u0648\u0646 \u0644\u062a\u062d\u062f\u064a\u062b \u0627\u0644\u062d\u0627\u0644\u0629 \u0628\u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \u0644\u0644\u0646\u0635.\u0647\u0630\u0627 \u0627\u0644\u062d\u0644 \u064a\u0633\u0645\u062d \u0628\u062a\u062d\u062f\u064a\u062b \u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0643\u0648\u0646 \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d \u062d\u062a\u0649 \u0641\u064a \u062d\u0627\u0644\u0629 \u0648\u062c\u0648\u062f \u062a\u063a\u064a\u064a\u0631\u0627\u062a \u0646\u0635\u064a\u0629 \u062e\u0627\u0631\u062c\u0629 \u0639\u0646 \u0637\u0631\u064a\u0642 \u0645\u0644\u062d\u0642\u0627\u062a \u0627\u0644\u0645\u062a\u0635\u0641\u062d\u060c \u0648\u064a\u062d\u0627\u0641\u0638 \u0639\u0644\u0649 \u0627\u0644\u062a\u0632\u0627\u0645\u0646 \u0628\u064a\u0646 \u0642\u064a\u0645\u0629 \u0627\u0644\u0646\u0635 \u0648\u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0643\u0648\u0646 \u0641\u064a React.\u062a\u0630\u0643\u0631 \u0623\u0646\u0647 \u064a\u062c\u0628 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0647\u0630\u0627 \u0627\u0644\u062d\u0644 \u0628\u062d\u0630\u0631\u060c \u0648\u062a\u0623\u0643\u062f \u0645\u0646 \u0625\u062f\u0627\u0631\u062a\u0647 \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d \u0644\u062a\u0641\u0627\u062f\u064a \u0623\u064a \u0645\u0634\u0627\u0643\u0644 \u0623\u062e\u0631\u0649 \u0642\u062f \u062a\u0646\u0634\u0623 \u0646\u062a\u064a\u062c\u0629 \u0644\u0647.\u0627\u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\n\n\u0628\u0627\u0644\u0637\u0628\u0639\u060c \u062f\u0639\u0646\u064a \u0623\u0643\u0645\u0644 \u0627\u0644\u0645\u0642\u0627\u0644:\u0641\u064a\u0645\u0627 \u064a\u0644\u064a \u0645\u062b\u0627\u0644 \u0639\u0644\u0649 \u0643\u064a\u0641\u064a\u0629 \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u062d\u0644 \u0627\u0644\u0645\u0642\u062a\u0631\u062d \u0641\u064a React:jsxCopy codeimport React, { useRef, useState } from 'react';\n\nconst ExternalChangeEventExample = () => {\n \/\/ \u0625\u0646\u0634\u0627\u0621 \u0645\u062a\u063a\u064a\u0631 \u0645\u0624\u0642\u062a \u0644\u062a\u062e\u0632\u064a\u0646 \u0642\u064a\u0645\u0629 \u0627\u0644\u0646\u0635\n const textValueRef = useRef('');\n \/\/ \u062d\u0627\u0644\u0629 \u0644\u062a\u062e\u0632\u064a\u0646 \u0642\u064a\u0645\u0629 \u0627\u0644\u0646\u0635 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0643\u0648\u0646\n const [text, setText] = useState('');\n\n \/\/ \u062f\u0627\u0644\u0629 \u0644\u0645\u0639\u0627\u0644\u062c\u0629 \u062a\u063a\u064a\u064a\u0631\u0627\u062a \u0627\u0644\u0646\u0635\n const handleTextChange = (event) => {\n \/\/ \u062a\u062d\u062f\u064a\u062b \u0642\u064a\u0645\u0629 \u0627\u0644\u0645\u062a\u063a\u064a\u0631 \u0627\u0644\u0645\u0624\u0642\u062a \u0639\u0646\u062f \u062d\u062f\u0648\u062b \u0627\u0644\u062a\u063a\u064a\u064a\u0631\n textValueRef.current = event.target.value;\n };\n\n \/\/ \u062f\u0627\u0644\u0629 \u0644\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u062d\u0641\u0638 \u0639\u0646\u062f \u0627\u0644\u0636\u063a\u0637 \u0639\u0644\u0649 \u0632\u0631 \u0627\u0644\u062d\u0641\u0638 \u0645\u062b\u0644\u0627\u064b\n const handleSave = () => {\n \/\/ \u062a\u062d\u062f\u064a\u062b \u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0643\u0648\u0646 \u0628\u0642\u064a\u0645\u0629 \u0627\u0644\u0646\u0635 \u0627\u0644\u062d\u0627\u0644\u064a\u0629\n setText(textValueRef.current);\n };\n\n return (\n \n {\/* \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0639\u0646\u0635\u0631 textarea \u0648\u0631\u0628\u0637\u0647 \u0628\u062f\u0627\u0644\u0629 \u0627\u0644\u062a\u062d\u062f\u064a\u062b *\/}\n \n {\/* \u0632\u0631 \u0644\u062d\u0641\u0638 \u0627\u0644\u0646\u0635 *\/}\n \u062d\u0641\u0638\n \n );\n};\n\nexport default ExternalChangeEventExample;\n\u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u062b\u0627\u0644\u060c \u064a\u062a\u0645 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062f\u0627\u0644\u0629 useRef \u0644\u0625\u0646\u0634\u0627\u0621 \u0645\u062a\u063a\u064a\u0631 \u0645\u0624\u0642\u062a textValueRef \u0627\u0644\u0630\u064a \u064a\u062a\u0645 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647 \u0644\u062a\u062e\u0632\u064a\u0646 \u0642\u064a\u0645\u0629 \u0627\u0644\u0646\u0635 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0643\u0648\u0646. \u062b\u0645 \u064a\u062a\u0645 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062d\u0627\u0644\u0629 text \u0644\u062a\u062e\u0632\u064a\u0646 \u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u0644\u0644\u0646\u0635 \u0627\u0644\u062a\u064a \u064a\u062a\u0645 \u0639\u0631\u0636\u0647\u0627 \u062f\u0627\u062e\u0644 \u0627\u0644\u0640 .\u0639\u0646\u062f \u062d\u062f\u0648\u062b \u062a\u063a\u064a\u064a\u0631 \u0641\u064a \u0627\u0644\u0640 \u060c \u064a\u062a\u0645 \u062a\u062d\u062f\u064a\u062b \u0642\u064a\u0645\u0629 \u0627\u0644\u0645\u062a\u063a\u064a\u0631 \u0627\u0644\u0645\u0624\u0642\u062a textValueRef.current \u062f\u0627\u062e\u0644 \u062f\u0627\u0644\u0629 handleTextChange\u060c \u0648\u0644\u0643\u0646 \u0644\u0627 \u064a\u062a\u0645 \u062a\u062d\u062f\u064a\u062b \u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0643\u0648\u0646 \u0645\u0628\u0627\u0634\u0631\u0629.\u0639\u0646\u062f\u0645\u0627 \u064a\u062a\u0645 \u0627\u0644\u0646\u0642\u0631 \u0639\u0644\u0649 \u0627\u0644\u0632\u0631 \"\u062d\u0641\u0638\"\u060c \u064a\u062a\u0645 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0642\u064a\u0645\u0629 \u0627\u0644\u0645\u062a\u063a\u064a\u0631 \u0627\u0644\u0645\u0624\u0642\u062a textValueRef.current \u0644\u062a\u062d\u062f\u064a\u062b \u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0643\u0648\u0646 text\u060c \u0648\u0628\u0627\u0644\u062a\u0627\u0644\u064a \u064a\u062a\u0645 \u0645\u0632\u0627\u0645\u0646\u0629 \u0642\u064a\u0645\u0629 \u0627\u0644\u0646\u0635 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0643\u0648\u0646 \u0645\u0639 \u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u0644\u0644\u0646\u0635.\u0647\u0630\u0627 \u0627\u0644\u0646\u0647\u062c \u064a\u0633\u0645\u062d \u0628\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u062a\u063a\u064a\u064a\u0631\u0627\u062a \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629 \u0628\u0634\u0643\u0644 \u0641\u0639\u0627\u0644 \u0641\u064a React \u062f\u0648\u0646 \u0627\u0644\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0623\u062d\u062f\u0627\u062b \u0645\u0628\u0627\u0634\u0631\u0629\u060c \u0645\u0645\u0627 \u064a\u0633\u0645\u062d \u0628\u062a\u0637\u0648\u064a\u0631 \u062a\u0637\u0628\u064a\u0642\u0627\u062a React \u0623\u0643\u062b\u0631 \u0645\u0631\u0648\u0646\u0629 \u0648\u062a\u0623\u0645\u064a\u0646\u0627\u064b.\u064a\u0645\u0643\u0646\u0643 \u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u0643\u0648\u062f \u062d\u0633\u0628 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643 \u0627\u0644\u062e\u0627\u0635\u0629\u060c \u0645\u062b\u0644 \u0625\u0636\u0627\u0641\u0629 \u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0646\u0637\u0642 \u0644\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u062e\u0627\u0635\u0629\u060c \u0623\u0648 \u062a\u0643\u0627\u0645\u0644\u0647 \u0645\u0639 \u0645\u0643\u062a\u0628\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629 \u0641\u064a React \u0644\u062a\u0633\u0647\u064a\u0644 \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0623\u0643\u062b\u0631.","publisher":{"@id":"#Publisher","@type":"Organization","name":"\u0645\u0631\u0643\u0632 \u062d\u0644\u0648\u0644 \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a","logo":{"@type":"ImageObject","url":"https:\/\/it-solutions.center\/wp-content\/uploads\/2023\/09\/it-solutions-center-high-resolution-logo-white-on-transparent-background.png"},"sameAs":["https:\/\/www.facebook.com\/it.solu.center"]},"sourceOrganization":{"@id":"#Publisher"},"copyrightHolder":{"@id":"#Publisher"},"mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/it-solutions.center\/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9\/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react\/","breadcrumb":{"@id":"#Breadcrumb"}},"author":{"@type":"Person","name":"IT-Solutions","url":"https:\/\/it-solutions.center\/author\/ayoob\/"},"image":{"@type":"ImageObject","url":"https:\/\/it-solutions.center\/wp-content\/uploads\/2023\/10\/it-solutions-center-high-resolution-logo.png","width":2000,"height":1500}}</script> <div id="share-buttons-bottom" class="share-buttons share-buttons-bottom"> <div class="share-links share-centered icons-only share-rounded"> <a href="https://www.facebook.com/sharer.php?u=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/" rel="external noopener nofollow" title="فيسبوك" target="_blank" class="facebook-share-btn " data-raw="https://www.facebook.com/sharer.php?u={post_link}"> <span class="share-btn-icon tie-icon-facebook"></span> <span class="screen-reader-text">فيسبوك</span> </a> <a href="https://twitter.com/intent/tweet?text=%D9%83%D9%8A%D9%81%D9%8A%D8%A9%20%D9%85%D8%B2%D8%A7%D9%85%D9%86%D8%A9%20%D8%AD%D8%A7%D9%84%D8%A9%20%D8%A7%D9%84%D9%86%D8%B5%20%D9%81%D9%8A%20React&url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/" rel="external noopener nofollow" title="X" target="_blank" class="twitter-share-btn " data-raw="https://twitter.com/intent/tweet?text={post_title}&url={post_link}"> <span class="share-btn-icon tie-icon-twitter"></span> <span class="screen-reader-text">X</span> </a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/&title=%D9%83%D9%8A%D9%81%D9%8A%D8%A9%20%D9%85%D8%B2%D8%A7%D9%85%D9%86%D8%A9%20%D8%AD%D8%A7%D9%84%D8%A9%20%D8%A7%D9%84%D9%86%D8%B5%20%D9%81%D9%8A%20React" rel="external noopener nofollow" title="لينكدإن" target="_blank" class="linkedin-share-btn " data-raw="https://www.linkedin.com/shareArticle?mini=true&url={post_full_link}&title={post_title}"> <span class="share-btn-icon tie-icon-linkedin"></span> <span class="screen-reader-text">لينكدإن</span> </a> <a href="https://www.tumblr.com/share/link?url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/&name=%D9%83%D9%8A%D9%81%D9%8A%D8%A9%20%D9%85%D8%B2%D8%A7%D9%85%D9%86%D8%A9%20%D8%AD%D8%A7%D9%84%D8%A9%20%D8%A7%D9%84%D9%86%D8%B5%20%D9%81%D9%8A%20React" rel="external noopener nofollow" title="‏Tumblr" target="_blank" class="tumblr-share-btn " data-raw="https://www.tumblr.com/share/link?url={post_link}&name={post_title}"> <span class="share-btn-icon tie-icon-tumblr"></span> <span class="screen-reader-text">‏Tumblr</span> </a> <a href="https://pinterest.com/pin/create/button/?url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/&description=%D9%83%D9%8A%D9%81%D9%8A%D8%A9%20%D9%85%D8%B2%D8%A7%D9%85%D9%86%D8%A9%20%D8%AD%D8%A7%D9%84%D8%A9%20%D8%A7%D9%84%D9%86%D8%B5%20%D9%81%D9%8A%20React&media=" rel="external noopener nofollow" title="بينتيريست" target="_blank" class="pinterest-share-btn " data-raw="https://pinterest.com/pin/create/button/?url={post_link}&description={post_title}&media={post_img}"> <span class="share-btn-icon tie-icon-pinterest"></span> <span class="screen-reader-text">بينتيريست</span> </a> <a href="https://reddit.com/submit?url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/&title=%D9%83%D9%8A%D9%81%D9%8A%D8%A9%20%D9%85%D8%B2%D8%A7%D9%85%D9%86%D8%A9%20%D8%AD%D8%A7%D9%84%D8%A9%20%D8%A7%D9%84%D9%86%D8%B5%20%D9%81%D9%8A%20React" rel="external noopener nofollow" title="‏Reddit" target="_blank" class="reddit-share-btn " data-raw="https://reddit.com/submit?url={post_link}&title={post_title}"> <span class="share-btn-icon tie-icon-reddit"></span> <span class="screen-reader-text">‏Reddit</span> </a> <a href="https://vk.com/share.php?url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/" rel="external noopener nofollow" title="‏VKontakte" target="_blank" class="vk-share-btn " data-raw="https://vk.com/share.php?url={post_link}"> <span class="share-btn-icon tie-icon-vk"></span> <span class="screen-reader-text">‏VKontakte</span> </a> <a href="mailto:?subject=%D9%83%D9%8A%D9%81%D9%8A%D8%A9%20%D9%85%D8%B2%D8%A7%D9%85%D9%86%D8%A9%20%D8%AD%D8%A7%D9%84%D8%A9%20%D8%A7%D9%84%D9%86%D8%B5%20%D9%81%D9%8A%20React&body=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/" rel="external noopener nofollow" title="مشاركة عبر البريد" target="_blank" class="email-share-btn " data-raw="mailto:?subject={post_title}&body={post_link}"> <span class="share-btn-icon tie-icon-envelope"></span> <span class="screen-reader-text">مشاركة عبر البريد</span> </a> <a href="#" rel="external noopener nofollow" title="طباعة" target="_blank" class="print-share-btn " data-raw="#"> <span class="share-btn-icon tie-icon-print"></span> <span class="screen-reader-text">طباعة</span> </a> </div><!-- .share-links /--> </div><!-- .share-buttons /--> </article><!-- #the-post /--> <div class="stream-item stream-item-below-post"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"><div> <!-- defults --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3293364314201893" data-ad-slot="2303082872" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div></div> <div class="post-components"> <div class="prev-next-post-nav container-wrapper media-overlay"> <div class="tie-col-xs-6 prev-post"> <a href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d8%ad%d8%af%d9%8a%d8%ab-%d9%85%d9%83%d8%aa%d8%a8%d8%a9-websocket-%d9%81%d9%8a-python-2-7/" style="background-image: url(https://it-solutions.center/wp-content/uploads/2023/10/it-solutions-center-high-resolution-logo-390x220.png)" class="post-thumb" rel="prev"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> </a> <a href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d8%ad%d8%af%d9%8a%d8%ab-%d9%85%d9%83%d8%aa%d8%a8%d8%a9-websocket-%d9%81%d9%8a-python-2-7/" rel="prev"> <h3 class="post-title">تحديث مكتبة websocket في Python 2.7</h3> </a> </div> <div class="tie-col-xs-6 next-post"> <a href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%85%d8%b4%d9%83%d9%84%d8%a7%d8%aa-%d8%aa%d8%ab%d8%a8%d9%8a%d8%aa-freeswitch-%d8%ad%d9%84%d9%88%d9%84-%d9%88%d8%aa%d9%88%d8%ac%d9%8a%d9%87%d8%a7%d8%aa/" style="background-image: url(https://it-solutions.center/wp-content/uploads/2023/10/it-solutions-center-high-resolution-logo-390x220.png)" class="post-thumb" rel="next"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> </a> <a href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%85%d8%b4%d9%83%d9%84%d8%a7%d8%aa-%d8%aa%d8%ab%d8%a8%d9%8a%d8%aa-freeswitch-%d8%ad%d9%84%d9%88%d9%84-%d9%88%d8%aa%d9%88%d8%ac%d9%8a%d9%87%d8%a7%d8%aa/" rel="next"> <h3 class="post-title">مشكلات تثبيت FreeSWITCH: حلول وتوجيهات</h3> </a> </div> </div><!-- .prev-next-post-nav /--> <div id="related-posts" class="container-wrapper has-extra-post"> <div class="mag-box-title the-global-title"> <h3>مقالات ذات صلة</h3> </div> <div class="related-posts-list"> <div class="related-item tie-standard"> <a aria-label="حل مشكلة autoComplete is not a function" href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%ad%d9%84-%d9%85%d8%b4%d9%83%d9%84%d8%a9-autocomplete-is-not-a-function/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="390" height="220" src="https://it-solutions.center/wp-content/uploads/2023/10/it-solutions-center-high-resolution-logo-390x220.png" class="attachment-jannah-image-large size-jannah-image-large" alt="" decoding="async" fetchpriority="high" /></a> <h3 class="post-title"><a href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%ad%d9%84-%d9%85%d8%b4%d9%83%d9%84%d8%a9-autocomplete-is-not-a-function/">حل مشكلة autoComplete is not a function</a></h3> <div class="post-meta clearfix"><span class="date meta-item tie-icon">19/03/2024</span></div><!-- .post-meta --> </div><!-- .related-item /--> <div class="related-item tie-standard"> <a aria-label="تحويل مصفوفة متعددة الأبعاد إلى سلسلة نصية باستخدام PHP" href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d8%ad%d9%88%d9%8a%d9%84-%d9%85%d8%b5%d9%81%d9%88%d9%81%d8%a9-%d9%85%d8%aa%d8%b9%d8%af%d8%af%d8%a9-%d8%a7%d9%84%d8%a3%d8%a8%d8%b9%d8%a7%d8%af-%d8%a5%d9%84%d9%89-%d8%b3%d9%84%d8%b3%d9%84%d8%a9/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="390" height="220" src="https://it-solutions.center/wp-content/uploads/2023/10/it-solutions-center-high-resolution-logo-390x220.png" class="attachment-jannah-image-large size-jannah-image-large" alt="" decoding="async" /></a> <h3 class="post-title"><a href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d8%ad%d9%88%d9%8a%d9%84-%d9%85%d8%b5%d9%81%d9%88%d9%81%d8%a9-%d9%85%d8%aa%d8%b9%d8%af%d8%af%d8%a9-%d8%a7%d9%84%d8%a3%d8%a8%d8%b9%d8%a7%d8%af-%d8%a5%d9%84%d9%89-%d8%b3%d9%84%d8%b3%d9%84%d8%a9/">تحويل مصفوفة متعددة الأبعاد إلى سلسلة نصية باستخدام PHP</a></h3> <div class="post-meta clearfix"><span class="date meta-item tie-icon">23/02/2024</span></div><!-- .post-meta --> </div><!-- .related-item /--> <div class="related-item tie-standard"> <a aria-label="حل مشكلة Empty collection literal في Swift 3" href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%ad%d9%84-%d9%85%d8%b4%d9%83%d9%84%d8%a9-empty-collection-literal-%d9%81%d9%8a-swift-3/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="390" height="220" src="https://it-solutions.center/wp-content/uploads/2023/10/it-solutions-center-high-resolution-logo-390x220.png" class="attachment-jannah-image-large size-jannah-image-large" alt="" decoding="async" /></a> <h3 class="post-title"><a href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%ad%d9%84-%d9%85%d8%b4%d9%83%d9%84%d8%a9-empty-collection-literal-%d9%81%d9%8a-swift-3/">حل مشكلة Empty collection literal في Swift 3</a></h3> <div class="post-meta clearfix"><span class="date meta-item tie-icon">28/03/2024</span></div><!-- .post-meta --> </div><!-- .related-item /--> <div class="related-item tie-standard"> <a aria-label="تخصيص عرض البيانات في Pandas HTML" href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d8%ae%d8%b5%d9%8a%d8%b5-%d8%b9%d8%b1%d8%b6-%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d9%81%d9%8a-pandas-html/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="390" height="220" src="https://it-solutions.center/wp-content/uploads/2023/10/it-solutions-center-high-resolution-logo-390x220.png" class="attachment-jannah-image-large size-jannah-image-large" alt="" decoding="async" loading="lazy" /></a> <h3 class="post-title"><a href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d8%ae%d8%b5%d9%8a%d8%b5-%d8%b9%d8%b1%d8%b6-%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d9%81%d9%8a-pandas-html/">تخصيص عرض البيانات في Pandas HTML</a></h3> <div class="post-meta clearfix"><span class="date meta-item tie-icon">12/02/2024</span></div><!-- .post-meta --> </div><!-- .related-item /--> </div><!-- .related-posts-list /--> </div><!-- #related-posts /--> <div class="stream-item stream-item-below-post-comments"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"><div> <!-- defults --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3293364314201893" data-ad-slot="2303082872" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div></div> </div><!-- .post-components /--> </div><!-- .main-content --> <div id="check-also-box" class="container-wrapper check-also-left"> <div class="widget-title the-global-title"> <div class="the-subtitle">شاهد أيضاً</div> <a href="#" id="check-also-close" class="remove"> <span class="screen-reader-text">إغلاق</span> </a> </div> <div class="widget"> <ul class="posts-list-items"> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="تحويل مصفوفة كائنات باستخدام map ES6" href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d8%ad%d9%88%d9%8a%d9%84-%d9%85%d8%b5%d9%81%d9%88%d9%81%d8%a9-%d9%83%d8%a7%d8%a6%d9%86%d8%a7%d8%aa-%d8%a8%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-map-es6/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="220" height="150" src="https://it-solutions.center/wp-content/uploads/2023/10/it-solutions-center-high-resolution-logo-220x150.png" class="attachment-jannah-image-small size-jannah-image-small tie-small-image" alt="" decoding="async" loading="lazy" /></a> </div><!-- post-alignleft /--> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d8%ad%d9%88%d9%8a%d9%84-%d9%85%d8%b5%d9%81%d9%88%d9%81%d8%a9-%d9%83%d8%a7%d8%a6%d9%86%d8%a7%d8%aa-%d8%a8%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-map-es6/">تحويل مصفوفة كائنات باستخدام map ES6</a> <div class="post-meta"> <span class="date meta-item tie-icon">15/04/2024</span> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="طرق الوصول إلى العناصر الجذرية في React" href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%b7%d8%b1%d9%82-%d8%a7%d9%84%d9%88%d8%b5%d9%88%d9%84-%d8%a5%d9%84%d9%89-%d8%a7%d9%84%d8%b9%d9%86%d8%a7%d8%b5%d8%b1-%d8%a7%d9%84%d8%ac%d8%b0%d8%b1%d9%8a%d8%a9-%d9%81%d9%8a-react/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="220" height="150" src="https://it-solutions.center/wp-content/uploads/2023/10/it-solutions-center-high-resolution-logo-220x150.png" class="attachment-jannah-image-small size-jannah-image-small tie-small-image" alt="" decoding="async" loading="lazy" /></a> </div><!-- post-alignleft /--> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%b7%d8%b1%d9%82-%d8%a7%d9%84%d9%88%d8%b5%d9%88%d9%84-%d8%a5%d9%84%d9%89-%d8%a7%d9%84%d8%b9%d9%86%d8%a7%d8%b5%d8%b1-%d8%a7%d9%84%d8%ac%d8%b0%d8%b1%d9%8a%d8%a9-%d9%81%d9%8a-react/">طرق الوصول إلى العناصر الجذرية في React</a> <div class="post-meta"> <span class="date meta-item tie-icon">14/04/2024</span> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="حل مشكلة تكوين Webpack مع React و Babel" href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%ad%d9%84-%d9%85%d8%b4%d9%83%d9%84%d8%a9-%d8%aa%d9%83%d9%88%d9%8a%d9%86-webpack-%d9%85%d8%b9-react-%d9%88-babel/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="220" height="150" src="https://it-solutions.center/wp-content/uploads/2023/10/it-solutions-center-high-resolution-logo-220x150.png" class="attachment-jannah-image-small size-jannah-image-small tie-small-image" alt="" decoding="async" loading="lazy" /></a> </div><!-- post-alignleft /--> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%ad%d9%84-%d9%85%d8%b4%d9%83%d9%84%d8%a9-%d8%aa%d9%83%d9%88%d9%8a%d9%86-webpack-%d9%85%d8%b9-react-%d9%88-babel/">حل مشكلة تكوين Webpack مع React و Babel</a> <div class="post-meta"> <span class="date meta-item tie-icon">13/04/2024</span> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="استخدام الديناميكية في تصفية الكتب" href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d8%a7%d9%84%d8%af%d9%8a%d9%86%d8%a7%d9%85%d9%8a%d9%83%d9%8a%d8%a9-%d9%81%d9%8a-%d8%aa%d8%b5%d9%81%d9%8a%d8%a9-%d8%a7%d9%84%d9%83%d8%aa%d8%a8/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="220" height="150" src="https://it-solutions.center/wp-content/uploads/2023/10/it-solutions-center-high-resolution-logo-220x150.png" class="attachment-jannah-image-small size-jannah-image-small tie-small-image" alt="" decoding="async" loading="lazy" /></a> </div><!-- post-alignleft /--> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d8%a7%d9%84%d8%af%d9%8a%d9%86%d8%a7%d9%85%d9%8a%d9%83%d9%8a%d8%a9-%d9%81%d9%8a-%d8%aa%d8%b5%d9%81%d9%8a%d8%a9-%d8%a7%d9%84%d9%83%d8%aa%d8%a8/">استخدام الديناميكية في تصفية الكتب</a> <div class="post-meta"> <span class="date meta-item tie-icon">13/04/2024</span> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="تحديث خصائص مكونات React ديناميكيًا" href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d8%ad%d8%af%d9%8a%d8%ab-%d8%ae%d8%b5%d8%a7%d8%a6%d8%b5-%d9%85%d9%83%d9%88%d9%86%d8%a7%d8%aa-react-%d8%af%d9%8a%d9%86%d8%a7%d9%85%d9%8a%d9%83%d9%8a%d9%8b%d8%a7/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="220" height="150" src="https://it-solutions.center/wp-content/uploads/2023/10/it-solutions-center-high-resolution-logo-220x150.png" class="attachment-jannah-image-small size-jannah-image-small tie-small-image" alt="" decoding="async" loading="lazy" /></a> </div><!-- post-alignleft /--> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d8%ad%d8%af%d9%8a%d8%ab-%d8%ae%d8%b5%d8%a7%d8%a6%d8%b5-%d9%85%d9%83%d9%88%d9%86%d8%a7%d8%aa-react-%d8%af%d9%8a%d9%86%d8%a7%d9%85%d9%8a%d9%83%d9%8a%d9%8b%d8%a7/">تحديث خصائص مكونات React ديناميكيًا</a> <div class="post-meta"> <span class="date meta-item tie-icon">12/04/2024</span> </div> </div> </li> </ul><!-- .related-posts-list /--> </div> </div><!-- #related-posts /--> <aside class="sidebar tie-col-md-4 tie-col-xs-12 normal-side is-sticky" aria-label="القائمة الجانبية الرئيسية"> <div class="theiaStickySidebar"> <div id="search-3" class="container-wrapper widget widget_search"><form role="search" method="get" class="search-form" action="https://it-solutions.center/"> <label> <span class="screen-reader-text">البحث عن:</span> <input type="search" class="search-field" placeholder="بحث …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="بحث" /> </form><div class="clearfix"></div></div><!-- .widget /--> <div id="recent-posts-3" class="container-wrapper widget widget_recent_entries"> <div class="widget-title the-global-title"><div class="the-subtitle">أحدث المقالات<span class="widget-title-icon tie-icon"></span></div></div> <ul> <li> <a href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%81%d9%87%d9%85-%d8%a7%d9%84%d8%aa%d8%b4%d8%a7%d8%a8%d9%87%d8%a7%d8%aa-%d9%88%d8%a7%d9%84%d9%81%d8%b1%d9%88%d9%82-%d8%a7%d9%84%d8%aa%d9%83%d9%88%d9%8a%d9%86-%d9%88%d8%a7%d9%84%d8%b5%d9%81%d9%88/">فهم التشابهات والفروق: التكوين والصفوف الداخلية</a> <span class="post-date">15/04/2024</span> </li> <li> <a href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%b6%d8%a8%d8%b7-%d8%a7%d9%84%d9%83%d9%88%d9%83%d9%8a%d8%b2-%d9%88%d8%a7%d9%84%d9%88%d8%b5%d9%88%d9%84-%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%85/">كيفية ضبط الكوكيز والوصول لبيانات المواقع باستخدام PHP</a> <span class="post-date">15/04/2024</span> </li> <li> <a href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%a7%d8%b3%d8%aa%d9%83%d8%b4%d8%a7%d9%81-%d8%a7%d9%84%d8%a8%d8%af%d9%8a%d9%84-%d9%84%d9%80-findasync-%d9%81%d9%8a-linq-%d8%a7%d9%84%d8%ad%d9%84%d9%88%d9%84-%d8%a8%d8%a7%d8%b3%d8%aa%d8%ae%d8%af/">استكشاف البديل لـ FindAsync في LINQ: الحلول باستخدام SingleOrDefaultAsync</a> <span class="post-date">15/04/2024</span> </li> <li> <a href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%a3%d8%af%d8%a7%d8%a1-%d8%a7%d9%84%d8%aa%d8%b7%d8%a8%d9%8a%d9%82%d8%a7%d8%aa-%d8%b9%d9%84%d9%89-ios/">تحسين أداء التطبيقات على iOS</a> <span class="post-date">15/04/2024</span> </li> <li> <a href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a5%d8%b6%d8%a7%d9%81%d8%a9-%d9%85%d8%ad%d8%aa%d9%88%d9%89-%d8%a8%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-curl/">كيفية إضافة محتوى باستخدام CURL</a> <span class="post-date">15/04/2024</span> </li> </ul> <div class="clearfix"></div></div><!-- .widget /--> </div><!-- .theiaStickySidebar /--> </aside><!-- .sidebar /--> </div><!-- .main-content-row /--></div><!-- #content /--> <div class="adsbygoogle Ad-Container sidebar-ad ad-slot" data-ad-manager-id="1" data-ad-module="1" data-ad-width="100" data-adblockkey="200" data-advadstrackid="1"> <div style="z-index:-1; height:0; width:1px; visibility: hidden; bottom: -1px; left: 0;"></div> </div> <div class="stream-item stream-item-above-footer"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"><div> <!-- defults --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3293364314201893" data-ad-slot="2303082872" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div></div> <footer id="footer" class="site-footer dark-skin dark-widgetized-area"> <div id="site-info" class="site-info"> <div class="container"> <div class="tie-row"> <div class="tie-col-md-12"> <div class="copyright-text copyright-text-first"><footer class="footer-container"> © Copyright <?php echo date('Y'); ?>, All Rights Reserved <span><a href="/privacy">| Privacy</a></span> <span><a href="/terms">| Terms</a></span> <span style="color:red;" class="tie-icon-heart"></span> </footer> </div><div class="copyright-text copyright-text-second"> <span><strong>Our Other Projects:</strong></span> <span><a href="https://freesourcelibrary.com/" target="_blank">| Free Source Library</a></span> <span><a href="https://revistacompleta.com/" target="_blank">| La Revista Completa</a></span> <span><a href="https://meukultura.com//" target="_blank">| Meu Kultura</a></span> <span><a href="https://lasujets.com/" target="_blank">| La Sujets</a></span> <span><a href="https://lovewithrecipes.com/" target="_blank">| Love With Recipes</a></span> <span><a href="https://mwade3.com/" target="_blank">| مواضيع</a></span> <span><a href="https://it-solutions.center/" target="_blank">| مركز حلول تكنولوجيا المعلومات</a></span> <span><a href="https://qr-solutions.com/" target="_blank">| QR Solutions</a></span></div> </div><!-- .tie-col /--> </div><!-- .tie-row /--> </div><!-- .container /--> </div><!-- #site-info /--> </footer><!-- #footer /--> <div id="share-buttons-mobile" class="share-buttons share-buttons-mobile"> <div class="share-links icons-only"> <a href="https://www.facebook.com/sharer.php?u=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/" rel="external noopener nofollow" title="فيسبوك" target="_blank" class="facebook-share-btn " data-raw="https://www.facebook.com/sharer.php?u={post_link}"> <span class="share-btn-icon tie-icon-facebook"></span> <span class="screen-reader-text">فيسبوك</span> </a> <a href="https://twitter.com/intent/tweet?text=%D9%83%D9%8A%D9%81%D9%8A%D8%A9%20%D9%85%D8%B2%D8%A7%D9%85%D9%86%D8%A9%20%D8%AD%D8%A7%D9%84%D8%A9%20%D8%A7%D9%84%D9%86%D8%B5%20%D9%81%D9%8A%20React&url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/" rel="external noopener nofollow" title="X" target="_blank" class="twitter-share-btn " data-raw="https://twitter.com/intent/tweet?text={post_title}&url={post_link}"> <span class="share-btn-icon tie-icon-twitter"></span> <span class="screen-reader-text">X</span> </a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/&title=%D9%83%D9%8A%D9%81%D9%8A%D8%A9%20%D9%85%D8%B2%D8%A7%D9%85%D9%86%D8%A9%20%D8%AD%D8%A7%D9%84%D8%A9%20%D8%A7%D9%84%D9%86%D8%B5%20%D9%81%D9%8A%20React" rel="external noopener nofollow" title="لينكدإن" target="_blank" class="linkedin-share-btn " data-raw="https://www.linkedin.com/shareArticle?mini=true&url={post_full_link}&title={post_title}"> <span class="share-btn-icon tie-icon-linkedin"></span> <span class="screen-reader-text">لينكدإن</span> </a> <a href="https://www.tumblr.com/share/link?url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/&name=%D9%83%D9%8A%D9%81%D9%8A%D8%A9%20%D9%85%D8%B2%D8%A7%D9%85%D9%86%D8%A9%20%D8%AD%D8%A7%D9%84%D8%A9%20%D8%A7%D9%84%D9%86%D8%B5%20%D9%81%D9%8A%20React" rel="external noopener nofollow" title="‏Tumblr" target="_blank" class="tumblr-share-btn " data-raw="https://www.tumblr.com/share/link?url={post_link}&name={post_title}"> <span class="share-btn-icon tie-icon-tumblr"></span> <span class="screen-reader-text">‏Tumblr</span> </a> <a href="https://pinterest.com/pin/create/button/?url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/&description=%D9%83%D9%8A%D9%81%D9%8A%D8%A9%20%D9%85%D8%B2%D8%A7%D9%85%D9%86%D8%A9%20%D8%AD%D8%A7%D9%84%D8%A9%20%D8%A7%D9%84%D9%86%D8%B5%20%D9%81%D9%8A%20React&media=" rel="external noopener nofollow" title="بينتيريست" target="_blank" class="pinterest-share-btn " data-raw="https://pinterest.com/pin/create/button/?url={post_link}&description={post_title}&media={post_img}"> <span class="share-btn-icon tie-icon-pinterest"></span> <span class="screen-reader-text">بينتيريست</span> </a> <a href="https://reddit.com/submit?url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/&title=%D9%83%D9%8A%D9%81%D9%8A%D8%A9%20%D9%85%D8%B2%D8%A7%D9%85%D9%86%D8%A9%20%D8%AD%D8%A7%D9%84%D8%A9%20%D8%A7%D9%84%D9%86%D8%B5%20%D9%81%D9%8A%20React" rel="external noopener nofollow" title="‏Reddit" target="_blank" class="reddit-share-btn " data-raw="https://reddit.com/submit?url={post_link}&title={post_title}"> <span class="share-btn-icon tie-icon-reddit"></span> <span class="screen-reader-text">‏Reddit</span> </a> <a href="fb-messenger://share?app_id=5303202981&display=popup&link=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/&redirect_uri=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/" rel="external noopener nofollow" title="ماسنجر" target="_blank" class="messenger-mob-share-btn messenger-share-btn " data-raw="fb-messenger://share?app_id=5303202981&display=popup&link={post_link}&redirect_uri={post_link}"> <span class="share-btn-icon tie-icon-messenger"></span> <span class="screen-reader-text">ماسنجر</span> </a> <a href="https://www.facebook.com/dialog/send?app_id=5303202981&display=popup&link=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/&redirect_uri=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/" rel="external noopener nofollow" title="ماسنجر" target="_blank" class="messenger-desktop-share-btn messenger-share-btn " data-raw="https://www.facebook.com/dialog/send?app_id=5303202981&display=popup&link={post_link}&redirect_uri={post_link}"> <span class="share-btn-icon tie-icon-messenger"></span> <span class="screen-reader-text">ماسنجر</span> </a> <a href="https://api.whatsapp.com/send?text=%D9%83%D9%8A%D9%81%D9%8A%D8%A9%20%D9%85%D8%B2%D8%A7%D9%85%D9%86%D8%A9%20%D8%AD%D8%A7%D9%84%D8%A9%20%D8%A7%D9%84%D9%86%D8%B5%20%D9%81%D9%8A%20React%20https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/" rel="external noopener nofollow" title="واتساب" target="_blank" class="whatsapp-share-btn " data-raw="https://api.whatsapp.com/send?text={post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-whatsapp"></span> <span class="screen-reader-text">واتساب</span> </a> <a href="https://telegram.me/share/url?url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/&text=%D9%83%D9%8A%D9%81%D9%8A%D8%A9%20%D9%85%D8%B2%D8%A7%D9%85%D9%86%D8%A9%20%D8%AD%D8%A7%D9%84%D8%A9%20%D8%A7%D9%84%D9%86%D8%B5%20%D9%81%D9%8A%20React" rel="external noopener nofollow" title="تيلقرام" target="_blank" class="telegram-share-btn " data-raw="https://telegram.me/share/url?url={post_link}&text={post_title}"> <span class="share-btn-icon tie-icon-paper-plane"></span> <span class="screen-reader-text">تيلقرام</span> </a> <a href="viber://forward?text=%D9%83%D9%8A%D9%81%D9%8A%D8%A9%20%D9%85%D8%B2%D8%A7%D9%85%D9%86%D8%A9%20%D8%AD%D8%A7%D9%84%D8%A9%20%D8%A7%D9%84%D9%86%D8%B5%20%D9%81%D9%8A%20React%20https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/" rel="external noopener nofollow" title="ڤايبر" target="_blank" class="viber-share-btn " data-raw="viber://forward?text={post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-phone"></span> <span class="screen-reader-text">ڤايبر</span> </a> <a href="https://line.me/R/msg/text/?%D9%83%D9%8A%D9%81%D9%8A%D8%A9%20%D9%85%D8%B2%D8%A7%D9%85%D9%86%D8%A9%20%D8%AD%D8%A7%D9%84%D8%A9%20%D8%A7%D9%84%D9%86%D8%B5%20%D9%81%D9%8A%20React%20https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%85%d8%b2%d8%a7%d9%85%d9%86%d8%a9-%d8%ad%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-react/" rel="external noopener nofollow" title="لاين" target="_blank" class="line-share-btn " data-raw="https://line.me/R/msg/text/?{post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-line"></span> <span class="screen-reader-text">لاين</span> </a> </div><!-- .share-links /--> </div><!-- .share-buttons /--> <div class="mobile-share-buttons-spacer"></div> <a id="go-to-top" class="go-to-top-button" href="#go-to-tie-body"> <span class="tie-icon-angle-up"></span> <span class="screen-reader-text">زر الذهاب إلى الأعلى</span> </a> </div><!-- #tie-wrapper /--> <aside class=" side-aside normal-side dark-skin dark-widgetized-area appear-from-left" aria-label="القائمة الجانبية الثانوية" style="visibility: hidden;"> <div data-height="100%" class="side-aside-wrapper has-custom-scroll"> <a href="#" class="close-side-aside remove big-btn"> <span class="screen-reader-text">إغلاق</span> </a><!-- .close-side-aside /--> <div id="mobile-container"> <div id="mobile-search"> <form role="search" method="get" class="search-form" action="https://it-solutions.center/"> <label> <span class="screen-reader-text">البحث عن:</span> <input type="search" class="search-field" placeholder="بحث …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="بحث" /> </form> </div><!-- #mobile-search /--> <div id="mobile-menu" class=""> </div><!-- #mobile-menu /--> <div id="mobile-social-icons" class="social-icons-widget solid-social-icons"> <ul><li class="social-icons-item"><a class="social-link facebook-social-icon" rel="external noopener nofollow" target="_blank" href="https://www.facebook.com/it.solu.center"><span class="tie-social-icon tie-icon-facebook"></span><span class="screen-reader-text">فيسبوك</span></a></li></ul> </div><!-- #mobile-social-icons /--> </div><!-- #mobile-container /--> </div><!-- .side-aside-wrapper /--> </aside><!-- .side-aside /--> </div><!-- #tie-container /--> </div><!-- .background-overlay /--> <!--googleoff: all--><div id="cookie-law-info-bar" data-nosnippet="true"><span><div class="cli-bar-container cli-style-v2"><div class="cli-bar-message">We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies.</br><div class="wt-cli-ccpa-element"> <a style="color:#333333" class="wt-cli-ccpa-opt-out">Do not sell my personal information</a>.</div></div><div class="cli-bar-btn_container"><a role='button' class="medium cli-plugin-button cli-plugin-main-button cli_settings_button" style="margin:0px 10px 0px 5px">Settings</a><a role='button' data-cli_action="accept" id="cookie_action_close_header" class="medium cli-plugin-button cli-plugin-main-button cookie_action_close_header cli_action_button wt-cli-accept-btn">Accept</a></div></div></span></div><div id="cookie-law-info-again" data-nosnippet="true"><span id="cookie_hdr_showagain">Privacy & Cookies Policy</span></div><div class="cli-modal" data-nosnippet="true" id="cliSettingsPopup" tabindex="-1" role="dialog" aria-labelledby="cliSettingsPopup" aria-hidden="true"> <div class="cli-modal-dialog" role="document"> <div class="cli-modal-content cli-bar-popup"> <button type="button" class="cli-modal-close" id="cliModalClose"> <svg class="" viewBox="0 0 24 24"><path d="M19 6.41l-1.41-1.41-5.59 5.59-5.59-5.59-1.41 1.41 5.59 5.59-5.59 5.59 1.41 1.41 5.59-5.59 5.59 5.59 1.41-1.41-5.59-5.59z"></path><path d="M0 0h24v24h-24z" fill="none"></path></svg> <span class="wt-cli-sr-only">Close</span> </button> <div class="cli-modal-body"> <div class="cli-container-fluid cli-tab-container"> <div class="cli-row"> <div class="cli-col-12 cli-align-items-stretch cli-px-0"> <div class="cli-privacy-overview"> <h4>Privacy Overview</h4> <div class="cli-privacy-content"> <div class="cli-privacy-content-text">This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.</div> </div> <a class="cli-privacy-readmore" aria-label="Show more" role="button" data-readmore-text="Show more" data-readless-text="Show less"></a> </div> </div> <div class="cli-col-12 cli-align-items-stretch cli-px-0 cli-tab-section-container"> <div class="cli-tab-section"> <div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="necessary" data-toggle="cli-toggle-tab"> Necessary </a> <div class="wt-cli-necessary-checkbox"> <input type="checkbox" class="cli-user-preference-checkbox" id="wt-cli-checkbox-necessary" data-id="checkbox-necessary" checked="checked" /> <label class="form-check-label" for="wt-cli-checkbox-necessary">Necessary</label> </div> <span class="cli-necessary-caption">Always Enabled</span> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="necessary"> <div class="wt-cli-cookie-description"> Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information. </div> </div> </div> </div> <div class="cli-tab-section"> <div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="non-necessary" data-toggle="cli-toggle-tab"> Non-necessary </a> <div class="cli-switch"> <input type="checkbox" id="wt-cli-checkbox-non-necessary" class="cli-user-preference-checkbox" data-id="checkbox-non-necessary" checked='checked' /> <label for="wt-cli-checkbox-non-necessary" class="cli-slider" data-cli-enable="Enabled" data-cli-disable="Disabled"><span class="wt-cli-sr-only">Non-necessary</span></label> </div> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="non-necessary"> <div class="wt-cli-cookie-description"> Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website. </div> </div> </div> </div> </div> </div> </div> </div> <div class="cli-modal-footer"> <div class="wt-cli-element cli-container-fluid cli-tab-container"> <div class="cli-row"> <div class="cli-col-12 cli-align-items-stretch cli-px-0"> <div class="cli-tab-footer wt-cli-privacy-overview-actions"> <a id="wt-cli-privacy-save-btn" role="button" tabindex="0" data-cli-action="accept" class="wt-cli-privacy-btn cli_setting_save_button wt-cli-privacy-accept-btn cli-btn">SAVE & ACCEPT</a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="cli-modal-backdrop cli-fade cli-settings-overlay"></div> <div class="cli-modal-backdrop cli-fade cli-popupbar-overlay"></div> <!--googleon: all--><div id="reading-position-indicator"></div><div id="autocomplete-suggestions" class="autocomplete-suggestions"></div><div id="is-scroller-outer"><div id="is-scroller"></div></div><div id="fb-root"></div> <div id="tie-popup-search-desktop" class="tie-popup tie-popup-search-wrap" style="display: none;"> <a href="#" class="tie-btn-close remove big-btn light-btn"> <span class="screen-reader-text">إغلاق</span> </a> <div class="popup-search-wrap-inner"> <div class="live-search-parent pop-up-live-search" data-skin="live-search-popup" aria-label="بحث"> <form method="get" class="tie-popup-search-form" action="https://it-solutions.center/"> <input class="tie-popup-search-input is-ajax-search" inputmode="search" type="text" name="s" title="بحث عن" autocomplete="off" placeholder="إكتب كلمة البحث ثم إضغط زر الإدخال" /> <button class="tie-popup-search-submit" type="submit"> <span class="tie-icon-search tie-search-icon" aria-hidden="true"></span> <span class="screen-reader-text">بحث عن</span> </button> </form> </div><!-- .pop-up-live-search /--> </div><!-- .popup-search-wrap-inner /--> </div><!-- .tie-popup-search-wrap /--> <div id="tie-popup-search-mobile" class="tie-popup tie-popup-search-wrap" style="display: none;"> <a href="#" class="tie-btn-close remove big-btn light-btn"> <span class="screen-reader-text">إغلاق</span> </a> <div class="popup-search-wrap-inner"> <div class="live-search-parent pop-up-live-search" data-skin="live-search-popup" aria-label="بحث"> <form method="get" class="tie-popup-search-form" action="https://it-solutions.center/"> <input class="tie-popup-search-input is-ajax-search" inputmode="search" type="text" name="s" title="بحث عن" autocomplete="off" placeholder="بحث عن" /> <button class="tie-popup-search-submit" type="submit"> <span class="tie-icon-search tie-search-icon" aria-hidden="true"></span> <span class="screen-reader-text">بحث عن</span> </button> </form> </div><!-- .pop-up-live-search /--> </div><!-- .popup-search-wrap-inner /--> </div><!-- .tie-popup-search-wrap /--> <div id="side-stream-container" class="container"></div> <div class="side-stream" id="side-stream-right" style="display:none; z-index:108; position:absolute; text-align:center; top:0px; width:200px; overflow:hidden;"> <div class="stream-item stream-item-in-post stream-item-in-post-1"><div> <!-- defults --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3293364314201893" data-ad-slot="2303082872" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> <div class="side-stream" id="side-stream-left" style="display:none; z-index:108; position:absolute; text-align:center; top:0px; width:200px; overflow:hidden;"> <div class="stream-item stream-item-in-post stream-item-in-post-1"><div> <!-- defults --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3293364314201893" data-ad-slot="2303082872" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> <script type="text/javascript" id="tie-side-e3lan-js-extra"> /* <![CDATA[ */ var tie_side_e3lan = {"is_boxed":"","screen_width":"","side_margin":"15","margin_top":"","margin_top_scroll":"","left_ad_code":"[ads1]","left_ad_width":"200","left_ad_height":"","right_ad_code":"[ads1]","right_ad_width":"200","right_ad_height":""}; /* ]]> */ </script> <script type="text/javascript" src="https://it-solutions.center/wp-content/themes/jannah/assets/js/side-e3lan.js?ver=6.5.2" id="tie-side-e3lan-js"></script> <script type="text/javascript" id="tie-scripts-js-extra"> /* <![CDATA[ */ var tie = {"is_rtl":"1","ajaxurl":"https:\/\/it-solutions.center\/wp-admin\/admin-ajax.php","is_side_aside_light":"","is_taqyeem_active":"","is_sticky_video":"","mobile_menu_top":"","mobile_menu_active":"area_1","mobile_menu_parent":"","lightbox_all":"true","lightbox_gallery":"true","lightbox_skin":"dark","lightbox_thumb":"horizontal","lightbox_arrows":"true","is_singular":"1","autoload_posts":"","reading_indicator":"true","lazyload":"","select_share":"true","select_share_twitter":"","select_share_facebook":"","select_share_linkedin":"","select_share_email":"","facebook_app_id":"5303202981","twitter_username":"","responsive_tables":"true","ad_blocker_detector":"true","sticky_behavior":"upwards","sticky_desktop":"true","sticky_mobile":"true","sticky_mobile_behavior":"default","ajax_loader":"<div class=\"loader-overlay\"><div class=\"spinner-circle\"><\/div><\/div>","type_to_search":"1","lang_no_results":"\u0644\u0645 \u064a\u062a\u0645 \u0627\u0644\u0639\u062b\u0648\u0631 \u0639\u0644\u0649 \u0646\u062a\u0627\u0626\u062c","sticky_share_mobile":"true","sticky_share_post":"","sticky_share_post_menu":"","ad_blocker_detector_delay":"3000"}; /* ]]> */ </script> <script type="text/javascript" src="https://it-solutions.center/wp-content/themes/jannah/assets/js/scripts.min.js?ver=7.0.2" id="tie-scripts-js"></script> <script type="text/javascript" src="https://it-solutions.center/wp-content/themes/jannah/assets/ilightbox/lightbox.js?ver=7.0.2" id="tie-js-ilightbox-js"></script> <script type="text/javascript" src="https://it-solutions.center/wp-content/themes/jannah/assets/js/sliders.min.js?ver=7.0.2" id="tie-js-sliders-js"></script> <script type="text/javascript" src="https://it-solutions.center/wp-content/themes/jannah/assets/js/shortcodes.js?ver=7.0.2" id="tie-js-shortcodes-js"></script> <script type="text/javascript" src="https://it-solutions.center/wp-content/themes/jannah/assets/js/desktop.min.js?ver=7.0.2" id="tie-js-desktop-js"></script> <script type="text/javascript" src="https://it-solutions.center/wp-content/themes/jannah/assets/js/live-search.js?ver=7.0.2" id="tie-js-livesearch-js"></script> <script type="text/javascript" src="https://it-solutions.center/wp-content/themes/jannah/assets/js/single.min.js?ver=7.0.2" id="tie-js-single-js"></script> <script> WebFontConfig ={ google:{ families: [ 'Poppins:600,regular:latin&display=swap' ] } }; (function(){ var wf = document.createElement('script'); wf.src = '//ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; wf.type = 'text/javascript'; wf.defer = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s); })(); </script> <div id="tie-popup-adblock" class="tie-popup is-fixed-popup"> <div class="tie-popup-container"> <div class="container-wrapper"> <a href="#" class="tie-btn-close remove big-btn light-btn" > <span class="screen-reader-text">إغلاق</span> </a> <span class="tie-adblock-icon tie-icon-ban" aria-hidden="true"></span> <h2>أنت تستخدم إضافة Adblock</h2> <div class="adblock-message"> يرجى تعطيل مانع الإعلانات حيث أن موقعنا غير مزعج ولا بأس من عرض الأعلانات لك فهي تعتبر كمصدر دخل لنا و دعم مقدم منك لنا لنستمر في تقديم المحتوى المناسب و المفيد لك فلا تبخل بدعمنا عزيزي الزائر </div> </div><!-- .container-wrapper /--> </div><!-- .tie-popup-container /--> </div><!-- .tie-popup /--> <script type="text/javascript"> jQuery.ajax({ type : "GET", url : "https://it-solutions.center/wp-admin/admin-ajax.php", data : "postviews_id=397095&action=tie_postviews", cache: !1, success: function( data ){ jQuery(".single-post-meta").find(".meta-views").html( data ); } }); </script> </body> </html> <!-- WP Optimize page cache - https://getwpo.com - page NOT cached -->