diff --git a/guide/arabic/react/fragments/index.md b/guide/arabic/react/fragments/index.md index a835c7935d..fad5767de0 100644 --- a/guide/arabic/react/fragments/index.md +++ b/guide/arabic/react/fragments/index.md @@ -1,10 +1,10 @@ --- title: Fragments -localeTitle: فتات +localeTitle: الشظايا --- -# فتات +# الشظايا Fragments -الأجزاء هي طريقة لعرض عناصر متعددة دون استخدام عنصر مجمّع. عند محاولة تقديم عناصر بدون علامة تضمين في JSX ، سترى رسالة الخطأ `Adjacent JSX elements must be wrapped in an enclosing tag` . وذلك لأنه عندما يقوم JSX بالانتقال ، فإنه ينشئ عناصر تحمل أسماء علاماتها المقابلة ، ولا يعرف اسم العلامة الذي يجب استخدامه إذا تم العثور على عناصر متعددة. في الماضي ، كان الحل المتكرر لهذا هو استخدام div diver لحل هذه المشكلة. ومع ذلك ، جلب الإصدار 16 من React إضافة `Fragment` ، مما يجعل هذا لم يعد ضروريًا. +الشظايا هي طريقة لعرض عناصر متعددة دون استخدام عنصر محيط. عند محاولة تقديم عناصر بدون عنصر محيطة في JSX ، سترى رسالة الخطأ `Adjacent JSX elements must be wrapped in an enclosing tag` . وذلك لأنه عندما يقوم JSX بالتحويل ، فإنه ينشئ عناصر تحمل أسماء علاماتها المقابلة ، ولا يعرف اسم العلامة التي يجب استخدامها إذا تم العثور على عناصر متعددة. في الماضي ، كان الحل المتكرر لهذا هو استخدام div diver لحل هذه المشكلة. ومع ذلك ، جلب الإصدار 16 من React إضافة `Fragment` ، مما يجعل هذا ليس ضروريًا. تعمل `Fragment` جزءًا بدون إضافة أقسام غير ضرورية إلى DOM. يمكنك استخدامه مباشرة من استيراد React أو تفكيكه: @@ -54,4 +54,4 @@ localeTitle: فتات #### معلومات اكثر: * [React.Fragment (الوثائق الرسمية)](https://reactjs.org/docs/react-api.html#reactfragment) -* [React v16.2.0: تحسين الدعم للشظايا](https://reactjs.org/blog/2017/11/28/react-v16.2.0-fragment-support.html) \ No newline at end of file +* [React v16.2.0: تحسين الدعم للشظايا](https://reactjs.org/blog/2017/11/28/react-v16.2.0-fragment-support.html)