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
+7-7Lines changed: 7 additions & 7 deletions
Original file line number
Diff line number
Diff line change
@@ -10,15 +10,15 @@ JSX дозволяє вам писати HTML-подібну розмітку в
10
10
11
11
<YouWillLearn>
12
12
13
-
- Як передати рядки з лапками
13
+
- Як передати стрічки з лапками
14
14
- Як звернутися до змінної JavaScript всередині JSX за допомогою фігурних дужок
15
15
- Як викликати функцію JavaScript всередині JSX за допомогою фігурних дужок
16
16
- Як використовувати об'єкт JavaScript всередині JSX за допомогою фігурних дужок
17
17
18
18
</YouWillLearn>
19
19
20
-
## Передача рядків з лапками {/*passing-strings-with-quotes*/}
21
-
Коли ви хочете передати рядковий атрибут в JSX, ви поміщаєте його в одинарні або подвійні лапки:
20
+
## Передача стрічок з лапками {/*passing-strings-with-quotes*/}
21
+
Коли ви хочете передати атрибут-стрічку в JSX, ви поміщаєте його в одинарні або подвійні лапки:
22
22
23
23
<Sandpack>
24
24
@@ -229,7 +229,7 @@ const person = {
229
229
<h1>{person.name}'s Справи</h1>
230
230
```
231
231
232
-
JSX є дуже мінімальною мовою шаблонізації, оскільки вона дозволяє вам організовувати дані та логіку за допомогою JavaScript.
232
+
JSX є дуже мінімальною, як мова шаблонізації, оскільки вона дозволяє вам організовувати дані та логіку за допомогою JavaScript.
233
233
234
234
<Recap>
235
235
@@ -246,7 +246,7 @@ JSX є дуже мінімальною мовою шаблонізації, ос
246
246
247
247
#### Виправте помилку {/*fix-the-mistake*/}
248
248
249
-
Цей код видає помилку, кажучи:`Об'єкти не є допустимими як дитина React`:
249
+
Цей код видає помилку`Objects are not valid as a React child`:
250
250
251
251
<Sandpack>
252
252
@@ -288,11 +288,11 @@ body > div > div { padding: 20px; }
288
288
289
289
Ви можете знайти проблему?
290
290
291
-
<Hint>Подивіться, що знаходиться всередині фігурних дужок. Чи ми кладемо туди правильні дані?</Hint>
291
+
<Hint>Подивіться, що знаходиться всередині фігурних дужок. Чи кладемо ми правильні дані туди?</Hint>
292
292
293
293
<Solution>
294
294
295
-
Це трапляється тому, що в цьому прикладі виводиться *сам об'єкт* у розмітку, а не рядок: `<h1>{person}'s Справи</h1>` намагається відобразити весь об'єкт `person`! Включення сирого об'єкта як вмісту тексту викликає помилку, оскільки React не знає, як ви хочете його відобразити.
295
+
Це трапляється тому, що в цьому прикладі виводиться *сам об'єкт* у розмітку, а не рядок: `<h1>{person}'s Справи</h1>` намагається відобразити весь об'єкт `person`! Включення цілого об'єкта як вмісту тексту викликає помилку, оскільки React не знає, як ви хочете його відобразити.
296
296
297
297
Щоб виправити це, замініть `<h1>{person}'s Справи</h1>` на `<h1>{person.name}'s Справи</h1>`:
0 commit comments