You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: content/docs/fragments.md
+6-9Lines changed: 6 additions & 9 deletions
Original file line number
Diff line number
Diff line change
@@ -20,7 +20,7 @@ render() {
20
20
21
21
Onları tanımlamak için yeni bir [kısa sözdizimi](#short-syntax) de vardır.
22
22
23
-
## Motivation {#motivation}
23
+
## Motivasyon {#motivation}
24
24
25
25
Bir bileşenin alt eleman listesini döndürmesi için yaygın bir modeldir. Örnek için bu React kod parçasına bakın.
26
26
@@ -68,7 +68,7 @@ class Columns extends React.Component {
68
68
69
69
Fragmentler bu sorunu çözer.
70
70
71
-
## Usage {#usage}
71
+
## Kullanım {#usage}
72
72
73
73
```jsx{4,7}
74
74
class Columns extends React.Component {
@@ -94,7 +94,7 @@ class Columns extends React.Component {
94
94
</table>
95
95
```
96
96
97
-
### Short Syntax {#short-syntax}
97
+
### Kısa Sözdizimi {#short-syntax}
98
98
99
99
Fragmentleri tanımlamak için kullanabileceğiniz yeni, daha kısa bir sözdizimi var. Boş etiketlere benziyor:
100
100
@@ -113,12 +113,9 @@ class Columns extends React.Component {
113
113
114
114
Anahtarları veya nitelikleri desteklememesi dışında, diğer elementleri kullandığınız gibi `<></>` kullanabilirsiniz.
115
115
116
-
<<<<<<< HEAD
117
116
Not, **[birçok araç henüz desteklemiyor](/blog/2017/11/28/react-v16.2.0-fragment-support.html#support-for-fragment-syntax)**. Bu nedenle, destekleninceye kadar `<React.Fragment>` yazmak isteyebilirsiniz.
118
117
119
-
=======
120
-
>>>>>>> e1abbdecfd1a5a804bd38852e88373f54ddde014
121
-
### Keyed Fragments {#keyed-fragments}
118
+
### Anahtarlı Fragment'ler {#keyed-fragments}
122
119
123
120
Açıkça belirtilen `<React.Fragment>` sözdiziminin anahtarları olabilir. Bunun için bir kullanım durumu, bir koleksiyonun bir fragmentler dizisine eşlenmesidir. -- örneğin, bir açıklama listesi oluşturmak için:
124
121
@@ -140,6 +137,6 @@ function Glossary(props) {
140
137
141
138
`key`, `Fragment`'e iletilebilecek tek özelliktir. Gelecekte, olay yöneticileri gibi ek özellikler için destek ekleyebiliriz.
142
139
143
-
### Live Demo {#live-demo}
140
+
### Canlı Demo {#live-demo}
144
141
145
-
Bununla yeni JSX fragment sözdizimini deneyebilirsiniz [CodePen](https://codepen.io/reactjs/pen/VrEbjE?editors=1000).
142
+
Bununla yeni JSX fragment sözdizimini deneyebilirsiniz:[CodePen](https://codepen.io/reactjs/pen/VrEbjE?editors=1000).
0 commit comments