Skip to content

Commit 2aec301

Browse files
authored
Apply suggestions from code review
1 parent 8141b5d commit 2aec301

File tree

1 file changed

+7
-7
lines changed

1 file changed

+7
-7
lines changed

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

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -10,15 +10,15 @@ JSX дозволяє вам писати HTML-подібну розмітку в
1010

1111
<YouWillLearn>
1212

13-
- Як передати рядки з лапками
13+
- Як передати стрічки з лапками
1414
- Як звернутися до змінної JavaScript всередині JSX за допомогою фігурних дужок
1515
- Як викликати функцію JavaScript всередині JSX за допомогою фігурних дужок
1616
- Як використовувати об'єкт JavaScript всередині JSX за допомогою фігурних дужок
1717

1818
</YouWillLearn>
1919

20-
## Передача рядків з лапками {/*passing-strings-with-quotes*/}
21-
Коли ви хочете передати рядковий атрибут в JSX, ви поміщаєте його в одинарні або подвійні лапки:
20+
## Передача стрічок з лапками {/*passing-strings-with-quotes*/}
21+
Коли ви хочете передати атрибут-стрічку в JSX, ви поміщаєте його в одинарні або подвійні лапки:
2222

2323
<Sandpack>
2424

@@ -229,7 +229,7 @@ const person = {
229229
<h1>{person.name}'s Справи</h1>
230230
```
231231
232-
JSX є дуже мінімальною мовою шаблонізації, оскільки вона дозволяє вам організовувати дані та логіку за допомогою JavaScript.
232+
JSX є дуже мінімальною, як мова шаблонізації, оскільки вона дозволяє вам організовувати дані та логіку за допомогою JavaScript.
233233
234234
<Recap>
235235
@@ -246,7 +246,7 @@ JSX є дуже мінімальною мовою шаблонізації, ос
246246

247247
#### Виправте помилку {/*fix-the-mistake*/}
248248

249-
Цей код видає помилку, кажучи: `Об'єкти не є допустимими як дитина React`:
249+
Цей код видає помилку `Objects are not valid as a React child`:
250250

251251
<Sandpack>
252252

@@ -288,11 +288,11 @@ body > div > div { padding: 20px; }
288288

289289
Ви можете знайти проблему?
290290

291-
<Hint>Подивіться, що знаходиться всередині фігурних дужок. Чи ми кладемо туди правильні дані?</Hint>
291+
<Hint>Подивіться, що знаходиться всередині фігурних дужок. Чи кладемо ми правильні дані туди?</Hint>
292292

293293
<Solution>
294294

295-
Це трапляється тому, що в цьому прикладі виводиться *сам об'єкт* у розмітку, а не рядок: `<h1>{person}'s Справи</h1>` намагається відобразити весь об'єкт `person`! Включення сирого об'єкта як вмісту тексту викликає помилку, оскільки React не знає, як ви хочете його відобразити.
295+
Це трапляється тому, що в цьому прикладі виводиться *сам об'єкт* у розмітку, а не рядок: `<h1>{person}'s Справи</h1>` намагається відобразити весь об'єкт `person`! Включення цілого об'єкта як вмісту тексту викликає помилку, оскільки React не знає, як ви хочете його відобразити.
296296
297297
Щоб виправити це, замініть `<h1>{person}'s Справи</h1>` на `<h1>{person.name}'s Справи</h1>`:
298298

0 commit comments

Comments
 (0)