Skip to content

Commit

Permalink
Apply suggestions from code review
Browse files Browse the repository at this point in the history
  • Loading branch information
bkatsevych authored Oct 11, 2023
1 parent 8141b5d commit 2aec301
Showing 1 changed file with 7 additions and 7 deletions.
14 changes: 7 additions & 7 deletions src/content/learn/javascript-in-jsx-with-curly-braces.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,15 +10,15 @@ JSX дозволяє вам писати HTML-подібну розмітку в

<YouWillLearn>

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

</YouWillLearn>

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

<Sandpack>

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

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

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

<Sandpack>

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

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

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

<Solution>

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

0 comments on commit 2aec301

Please sign in to comment.