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: src/content/learn/javascript-in-jsx-with-curly-braces.md
+12-13Lines changed: 12 additions & 13 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -4,7 +4,7 @@ title: JSX içinde Süslü Parantezlerle JavaScript
4
4
5
5
<Intro>
6
6
7
-
JSX , render etme mantığını ve içeriği aynı yerde tutarak, bir JavaScript dosyası içinde HTML benzeri işaretleme (markup) yazmanızı sağlar.Bazı durumlarda, o işaretlemenin içine biraz JavaScript mantığı eklemek veya dinamik bir özelliğe referans vermek isteyeceksiniz.
7
+
JSX , render etme mantığını ve içeriği aynı yerde tutarak, bir JavaScript dosyası içinde HTML benzeri işaretleme (markup) yazmanızı sağlar.Bazı durumlarda, o işaretlemenin içine biraz JavaScript mantığı eklemek veya dinamik bir özelliğe referans vermek isteyeceksiniz.
8
8
Bu durumda, JSX içinde süslü parantezleri kullanarak, JavaScript'e bir pencere açabilirsiniz.
9
9
10
10
</Intro>
@@ -134,7 +134,7 @@ export default function TodoList() {
134
134
backgroundColor: 'black',
135
135
color: 'pink'
136
136
}}>
137
-
<li>Görüntülü telefon geliştir</li>
137
+
<li>Görüntülü telefonu geliştir</li>
138
138
<li>Havacılık derslerini hazırla</li>
139
139
<li>Alkolle çalışan motor üzerinde çalış</li>
140
140
</ul>
@@ -195,7 +195,7 @@ export default function TodoList() {
195
195
alt="Gregorio Y. Zara"
196
196
/>
197
197
<ul>
198
-
<li>Görüntülü telefon geliştir</li>
198
+
<li>Görüntülü telefonu geliştir</li>
199
199
<li>Havacılık derslerini hazırla</li>
200
200
<li>Alkolle çalışan motor üzerinde çalış</li>
201
201
</ul>
@@ -248,7 +248,7 @@ Artık JSX hakkında neredeyse her şeyi biliyorsunuz:
248
248
249
249
#### Hatayı Düzelt {/*fix-the-mistake*/}
250
250
251
-
Bu kod, `Nesneler bir React alt öğesi olarak geçerli değil` şeklinde bir hata veriyor:
251
+
Bu kod, `Objects are not valid as a React child`(Nesneler bir React alt öğesi olarak geçerli değildir) şeklinde bir hata veriyor:
252
252
253
253
<Sandpack>
254
254
@@ -271,7 +271,7 @@ export default function TodoList() {
271
271
alt="Gregorio Y. Zara"
272
272
/>
273
273
<ul>
274
-
<li>Görüntülü telefon geliştir</li>
274
+
<li>Görüntülü telefonu geliştir</li>
275
275
<li>Havacılık derslerini hazırla</li>
276
276
<li>Alkolle çalışan motor üzerinde çalış</li>
277
277
</ul>
@@ -294,8 +294,7 @@ Sorunu bulabilir misin ?
294
294
295
295
<Solution>
296
296
297
-
Bu durum, örnek olarak bir obje kendisi yerine bir stringi markup içine aktarmaya çalışması nedeniyle oluşuyor: `<h1>{person}'s Todos</h1>` person objesinin tamamını aktarmaya çalışıyor! Including raw objects as text content throws an error because React doesn't know how you want to display them.
298
-
297
+
Bunun nedeni, bu örneğin bir string yerine *direkt olarak bir objenin kendisini* markup içine aktarmasıdır. Nesneler metin içeriği olarak dahil edildiğinde, React onları nasıl görüntülemek istediğinizi bilmediğinden hata verecektir.
299
298
Sorunu çözmek için, `<h1>{person}'nın Yapılacakları</h1>` ifadesini `<h1>{person.name}'nın Yapılacakları</h1>` ile değiştirin:".
300
299
301
300
<Sandpack>
@@ -319,7 +318,7 @@ export default function TodoList() {
319
318
alt="Gregorio Y. Zara"
320
319
/>
321
320
<ul>
322
-
<li>Görüntülü telefon geliştir</li>
321
+
<li>Görüntülü telefonu geliştir</li>
323
322
<li>Havacılık derslerini hazırla</li>
324
323
<li>Alkolle çalışan motor üzerinde çalış</li>
325
324
</ul>
@@ -363,7 +362,7 @@ export default function TodoList() {
363
362
alt="Gregorio Y. Zara"
364
363
/>
365
364
<ul>
366
-
<li>Görüntülü telefon geliştir</li>
365
+
<li>Görüntülü telefonu geliştir</li>
367
366
<li>Havacılık derslerini hazırla</li>
368
367
<li>Alkolle çalışan motor üzerinde çalış</li>
369
368
</ul>
@@ -406,7 +405,7 @@ export default function TodoList() {
406
405
alt="Gregorio Y. Zara"
407
406
/>
408
407
<ul>
409
-
<li>Görüntülü telefon geliştir</li>
408
+
<li>Görüntülü telefonu geliştir</li>
410
409
<li>Havacılık derslerini hazırla</li>
411
410
<li>Alkolle çalışan motor üzerinde çalış</li>
412
411
</ul>
@@ -458,7 +457,7 @@ export default function TodoList() {
458
457
alt={person.name}
459
458
/>
460
459
<ul>
461
-
<li>Görüntülü telefon geliştir</li>
460
+
<li>Görüntülü telefonu geliştir</li>
462
461
<li>Havacılık derslerini hazırla</li>
463
462
<li>Alkolle çalışan motor üzerinde çalış</li>
464
463
</ul>
@@ -509,7 +508,7 @@ export default function TodoList() {
509
508
alt={person.name}
510
509
/>
511
510
<ul>
512
-
<li>Görüntülü telefon geliştir</li>
511
+
<li>Görüntülü telefonu geliştir</li>
513
512
<li>Havacılık derslerini hazırla</li>
514
513
<li>Alkolle çalışan motor üzerinde çalış</li>
515
514
</ul>
@@ -553,7 +552,7 @@ export default function TodoList() {
0 commit comments