From 2aec30198c89feb61b4032a2c51cfcf672a3b7aa Mon Sep 17 00:00:00 2001 From: Bohdan Katsevych <94533356+bkatsevych@users.noreply.github.com> Date: Wed, 11 Oct 2023 16:54:39 +0300 Subject: [PATCH] Apply suggestions from code review --- .../learn/javascript-in-jsx-with-curly-braces.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/src/content/learn/javascript-in-jsx-with-curly-braces.md b/src/content/learn/javascript-in-jsx-with-curly-braces.md index 96db1eef9..ff12c069d 100644 --- a/src/content/learn/javascript-in-jsx-with-curly-braces.md +++ b/src/content/learn/javascript-in-jsx-with-curly-braces.md @@ -10,15 +10,15 @@ JSX дозволяє вам писати HTML-подібну розмітку в -- Як передати рядки з лапками +- Як передати стрічки з лапками - Як звернутися до змінної JavaScript всередині JSX за допомогою фігурних дужок - Як викликати функцію JavaScript всередині JSX за допомогою фігурних дужок - Як використовувати об'єкт JavaScript всередині JSX за допомогою фігурних дужок -## Передача рядків з лапками {/*passing-strings-with-quotes*/} -Коли ви хочете передати рядковий атрибут в JSX, ви поміщаєте його в одинарні або подвійні лапки: +## Передача стрічок з лапками {/*passing-strings-with-quotes*/} +Коли ви хочете передати атрибут-стрічку в JSX, ви поміщаєте його в одинарні або подвійні лапки: @@ -229,7 +229,7 @@ const person = {

{person.name}'s Справи

``` -JSX є дуже мінімальною мовою шаблонізації, оскільки вона дозволяє вам організовувати дані та логіку за допомогою JavaScript. +JSX є дуже мінімальною, як мова шаблонізації, оскільки вона дозволяє вам організовувати дані та логіку за допомогою JavaScript. @@ -246,7 +246,7 @@ JSX є дуже мінімальною мовою шаблонізації, ос #### Виправте помилку {/*fix-the-mistake*/} -Цей код видає помилку, кажучи: `Об'єкти не є допустимими як дитина React`: +Цей код видає помилку `Objects are not valid as a React child`: @@ -288,11 +288,11 @@ body > div > div { padding: 20px; } Ви можете знайти проблему? -Подивіться, що знаходиться всередині фігурних дужок. Чи ми кладемо туди правильні дані? +Подивіться, що знаходиться всередині фігурних дужок. Чи кладемо ми правильні дані туди? -Це трапляється тому, що в цьому прикладі виводиться *сам об'єкт* у розмітку, а не рядок: `

{person}'s Справи

` намагається відобразити весь об'єкт `person`! Включення сирого об'єкта як вмісту тексту викликає помилку, оскільки React не знає, як ви хочете його відобразити. +Це трапляється тому, що в цьому прикладі виводиться *сам об'єкт* у розмітку, а не рядок: `

{person}'s Справи

` намагається відобразити весь об'єкт `person`! Включення цілого об'єкта як вмісту тексту викликає помилку, оскільки React не знає, як ви хочете його відобразити. Щоб виправити це, замініть `

{person}'s Справи

` на `

{person.name}'s Справи

`: