Skip to content

Commit b916818

Browse files
committed
rewiew fix for javasript in jsx with curly braces
1 parent 3df4fd2 commit b916818

File tree

1 file changed

+12
-13
lines changed

1 file changed

+12
-13
lines changed

src/content/learn/javascript-in-jsx-with-curly-braces.md

Lines changed: 12 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ title: JSX içinde Süslü Parantezlerle JavaScript
44

55
<Intro>
66

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.
88
Bu durumda, JSX içinde süslü parantezleri kullanarak, JavaScript'e bir pencere açabilirsiniz.
99

1010
</Intro>
@@ -134,7 +134,7 @@ export default function TodoList() {
134134
backgroundColor: 'black',
135135
color: 'pink'
136136
}}>
137-
<li>Görüntülü telefon geliştir</li>
137+
<li>Görüntülü telefonu geliştir</li>
138138
<li>Havacılık derslerini hazırla</li>
139139
<li>Alkolle çalışan motor üzerinde çalış</li>
140140
</ul>
@@ -195,7 +195,7 @@ export default function TodoList() {
195195
alt="Gregorio Y. Zara"
196196
/>
197197
<ul>
198-
<li>Görüntülü telefon geliştir</li>
198+
<li>Görüntülü telefonu geliştir</li>
199199
<li>Havacılık derslerini hazırla</li>
200200
<li>Alkolle çalışan motor üzerinde çalış</li>
201201
</ul>
@@ -248,7 +248,7 @@ Artık JSX hakkında neredeyse her şeyi biliyorsunuz:
248248
249249
#### Hatayı Düzelt {/*fix-the-mistake*/}
250250
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:
252252
253253
<Sandpack>
254254
@@ -271,7 +271,7 @@ export default function TodoList() {
271271
alt="Gregorio Y. Zara"
272272
/>
273273
<ul>
274-
<li>Görüntülü telefon geliştir</li>
274+
<li>Görüntülü telefonu geliştir</li>
275275
<li>Havacılık derslerini hazırla</li>
276276
<li>Alkolle çalışan motor üzerinde çalış</li>
277277
</ul>
@@ -294,8 +294,7 @@ Sorunu bulabilir misin ?
294294

295295
<Solution>
296296

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.
299298
Sorunu çözmek için, `<h1>{person}'nın Yapılacakları</h1>` ifadesini `<h1>{person.name}'nın Yapılacakları</h1>` ile değiştirin:".
300299

301300
<Sandpack>
@@ -319,7 +318,7 @@ export default function TodoList() {
319318
alt="Gregorio Y. Zara"
320319
/>
321320
<ul>
322-
<li>Görüntülü telefon geliştir</li>
321+
<li>Görüntülü telefonu geliştir</li>
323322
<li>Havacılık derslerini hazırla</li>
324323
<li>Alkolle çalışan motor üzerinde çalış</li>
325324
</ul>
@@ -363,7 +362,7 @@ export default function TodoList() {
363362
alt="Gregorio Y. Zara"
364363
/>
365364
<ul>
366-
<li>Görüntülü telefon geliştir</li>
365+
<li>Görüntülü telefonu geliştir</li>
367366
<li>Havacılık derslerini hazırla</li>
368367
<li>Alkolle çalışan motor üzerinde çalış</li>
369368
</ul>
@@ -406,7 +405,7 @@ export default function TodoList() {
406405
alt="Gregorio Y. Zara"
407406
/>
408407
<ul>
409-
<li>Görüntülü telefon geliştir</li>
408+
<li>Görüntülü telefonu geliştir</li>
410409
<li>Havacılık derslerini hazırla</li>
411410
<li>Alkolle çalışan motor üzerinde çalış</li>
412411
</ul>
@@ -458,7 +457,7 @@ export default function TodoList() {
458457
alt={person.name}
459458
/>
460459
<ul>
461-
<li>Görüntülü telefon geliştir</li>
460+
<li>Görüntülü telefonu geliştir</li>
462461
<li>Havacılık derslerini hazırla</li>
463462
<li>Alkolle çalışan motor üzerinde çalış</li>
464463
</ul>
@@ -509,7 +508,7 @@ export default function TodoList() {
509508
alt={person.name}
510509
/>
511510
<ul>
512-
<li>Görüntülü telefon geliştir</li>
511+
<li>Görüntülü telefonu geliştir</li>
513512
<li>Havacılık derslerini hazırla</li>
514513
<li>Alkolle çalışan motor üzerinde çalış</li>
515514
</ul>
@@ -553,7 +552,7 @@ export default function TodoList() {
553552
alt={person.name}
554553
/>
555554
<ul>
556-
<li>Görüntülü telefon geliştir</li>
555+
<li>Görüntülü telefonu geliştir</li>
557556
<li>Havacılık derslerini hazırla</li>
558557
<li>Alkolle çalışan motor üzerinde çalış</li>
559558
</ul>

0 commit comments

Comments
 (0)