From 843057f10e4f493f21f498f6e16cf41c9902b154 Mon Sep 17 00:00:00 2001 From: Max Base Date: Sat, 18 Jan 2020 16:54:33 +0330 Subject: [PATCH 1/7] Create: Translate fragments.md to Persian --- content/docs/fragments.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/fragments.md b/content/docs/fragments.md index 33619db2f..0d12a8a64 100644 --- a/content/docs/fragments.md +++ b/content/docs/fragments.md @@ -4,7 +4,7 @@ title: Fragments permalink: docs/fragments.html --- -A common pattern in React is for a component to return multiple elements. Fragments let you group a list of children without adding extra nodes to the DOM. +یک الگوی رایج در React این است که یک مؤلفه بتواند عناصر مختلف را برگرداند. قطعات به شما امکان می دهد لیستی از فرزندان را بدون اضافه کردن گره های اضافی به DOM گروه بندی کنید. ```js render() { From ba5ade9482b72b9a871270d540f30925d0683acc Mon Sep 17 00:00:00 2001 From: Max Base Date: Sat, 18 Jan 2020 16:54:52 +0330 Subject: [PATCH 2/7] Update fragments.md --- content/docs/fragments.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/content/docs/fragments.md b/content/docs/fragments.md index 0d12a8a64..94d02bcc8 100644 --- a/content/docs/fragments.md +++ b/content/docs/fragments.md @@ -18,11 +18,11 @@ render() { } ``` -There is also a new [short syntax](#short-syntax) for declaring them. +همچنین یک [نحو کوتاه](#short-syntax) برای اعلام آنها وجود دارد. -## Motivation {#motivation} +## انگیزه {#motivation} -A common pattern is for a component to return a list of children. Take this example React snippet: +یک الگوی رایج برای این است که یک جزء بتواند لیستی از فرزندان را برگرداند. از این مثال نمونه React snippet بگیرید: ```jsx class Table extends React.Component { From 7da08475dca3211912a84061bc33da19f5c27b1a Mon Sep 17 00:00:00 2001 From: Max Base Date: Sat, 18 Jan 2020 16:55:15 +0330 Subject: [PATCH 3/7] Update fragments.md --- content/docs/fragments.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/content/docs/fragments.md b/content/docs/fragments.md index 94d02bcc8..ae72270fc 100644 --- a/content/docs/fragments.md +++ b/content/docs/fragments.md @@ -38,7 +38,8 @@ class Table extends React.Component { } ``` -`` would need to return multiple `` elements in order for the rendered HTML to be valid. If a parent div was used inside the `render()` of ``, then the resulting HTML will be invalid. +دستور `` نیاز خواهد بود تا بتوانید چند `` را برگردانید که در خروجی از لحاظ HTML معتبر باشند. +اگر در بخش ارائه از `` استفاده کنید, خروجی HTML نادرست خواهد بود. ```jsx class Columns extends React.Component { @@ -53,7 +54,7 @@ class Columns extends React.Component { } ``` -results in a `` output of: +منجر به خروجی `
` در: ```jsx
From 4754fb4c0137abd1050788f6dd3a3ab6a9443388 Mon Sep 17 00:00:00 2001 From: Max Base Date: Sat, 18 Jan 2020 16:55:57 +0330 Subject: [PATCH 4/7] Update fragments.md --- content/docs/fragments.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/content/docs/fragments.md b/content/docs/fragments.md index ae72270fc..96ce01f93 100644 --- a/content/docs/fragments.md +++ b/content/docs/fragments.md @@ -67,9 +67,9 @@ class Columns extends React.Component {
``` -Fragments solve this problem. +قطعات این مشکل را حل می کنند. -## Usage {#usage} +## طریقه استفاده {#usage} ```jsx{4,7} class Columns extends React.Component { @@ -84,7 +84,7 @@ class Columns extends React.Component { } ``` -which results in a correct `` output of: +که منجر به خروجی صحیح `
` در: ```jsx
@@ -95,9 +95,9 @@ which results in a correct `
` output of:
``` -### Short Syntax {#short-syntax} +### نحو کوتاه {#short-syntax} -There is a new, shorter syntax you can use for declaring fragments. It looks like empty tags: +یک نحو جدید و کوتاه تر وجود دارد که می توانید برای اعلام قطعات استفاده کنید. این شبیه به برچسب های خالی است: ```jsx{4,7} class Columns extends React.Component { From 8aaa2ffd4ab2f49d04d63db7d2951a5726c96ef1 Mon Sep 17 00:00:00 2001 From: Max Base Date: Sat, 18 Jan 2020 16:56:23 +0330 Subject: [PATCH 5/7] Update fragments.md --- content/docs/fragments.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/content/docs/fragments.md b/content/docs/fragments.md index 96ce01f93..9d7f5869e 100644 --- a/content/docs/fragments.md +++ b/content/docs/fragments.md @@ -112,11 +112,11 @@ class Columns extends React.Component { } ``` -You can use `<>` the same way you'd use any other element except that it doesn't support keys or attributes. +می توانید از `<>` ها به همان روشی استفاده کنید که می توانید از هر عنصر دیگری استفاده کنید به جز اینکه از ویژگی ها پشتیبانی نمی کند. -### Keyed Fragments {#keyed-fragments} +### قطعات اصلی {#keyed-fragments} -Fragments declared with the explicit `` syntax may have keys. A use case for this is mapping a collection to an array of fragments -- for example, to create a description list: +تکه های اعلام شده با نحوی صریح `` ممکن است دارای کلید باشند. مورد استفاده برای این کار ، نقشه برداری از مجموعه به مجموعه ای از قطعات است - برای مثال ، برای ایجاد یک لیست توضیحات: ```jsx function Glossary(props) { From fd62c19eed1f4edbec085f8d4b834dc406322b92 Mon Sep 17 00:00:00 2001 From: Max Base Date: Sat, 18 Jan 2020 16:56:37 +0330 Subject: [PATCH 6/7] Update fragments.md --- content/docs/fragments.md | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/content/docs/fragments.md b/content/docs/fragments.md index 9d7f5869e..97068c118 100644 --- a/content/docs/fragments.md +++ b/content/docs/fragments.md @@ -134,8 +134,10 @@ function Glossary(props) { } ``` -`key` is the only attribute that can be passed to `Fragment`. In the future, we may add support for additional attributes, such as event handlers. -### Live Demo {#live-demo} +"کلید" تنها صفتی است که می توان به Fragment منتقل کرد. در آینده، ما ممکن است از ویژگی های بیشتری بعدا پشتیبانی کنیم، مانند کنترل رویداد ها -You can try out the new JSX fragment syntax with this [CodePen](https://codepen.io/reactjs/pen/VrEbjE?editors=1000). + +### نسخه ی نمایشی زنده {#live-demo} + +می توانید با این [CodePen](https://codepen.io/reactjs/pen/VrEbjE?editors=1000) نحو جدید قطعه JSX را امتحان کنید. From b44b534f880bf8cf51387dea887ff1f4ba04460d Mon Sep 17 00:00:00 2001 From: Max Base Date: Sat, 18 Jan 2020 17:09:15 +0330 Subject: [PATCH 7/7] Update fragments.md --- content/docs/fragments.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/fragments.md b/content/docs/fragments.md index 97068c118..5a61a2e0a 100644 --- a/content/docs/fragments.md +++ b/content/docs/fragments.md @@ -140,4 +140,4 @@ function Glossary(props) { ### نسخه ی نمایشی زنده {#live-demo} -می توانید با این [CodePen](https://codepen.io/reactjs/pen/VrEbjE?editors=1000) نحو جدید قطعه JSX را امتحان کنید. +می توانید با استفاده از [CodePen](https://codepen.io/reactjs/pen/VrEbjE?editors=1000) نحو جدید قطعه JSX را امتحان کنید.