Какво представляват propTypes? Отговор: Когато предаваме данни с помощта на подпори, не можем да проверим типовете данни. Можете да подадете низ, число, булев тип данни. Но с помощта на propTypes можем да валидираме типа данни, който изискваме. Когато трябва да дадем число, но сме задали низ, този път показваме предупреждението. Ако видим примера по-долу, можем да разберем ясно. В горното виждаме, че в компонента на приложението предаваме данни в компонента Pizza...

Какво е JSX? JSX означава JavaScript XML, който ни позволява лесно да пишем HTML в React. Той преобразува HTML тагове в react елементи. Не е нито низ, нито HTML Вграждане на изрази в JSX – По-горе това е прост JSX код в платформата React, но браузърът не разбира този JSX, защото не е валиден JavaScript код. Това е така, защото присвояваме HTML таг на променлива, която не е низ, а просто HTML код. Така че, за да го конвертираме в разбираем за браузъра JavaScript код,..

Искам динамична проп стойност за реакция. Вече имам списък с плодове, но моята стойност на проп трябва да е Fruits[0] + ‘prop’ Например: ApplesProp index.js const ApplesProp = { Name: "Green", Age: 34 } const Fruits = ["Apples", "Pears", "Oranges"] <App prop={dynamic-fruit+'Prop'} /> Опитах <App prop={Fruits[0]+'Prop'}/> но това води до предаване на низа: „ApplesProp“, а не на обекта ApplesProp (т.е. име: зелен, възраст: 34). — — — — — — — — Отговор 1 —..

JSX е синтаксисно разширение за JavaScript, което първоначално беше въведено от Facebook през 2013 г. То позволява на разработчиците да пишат HTML-подобен код в рамките на JavaScript, което улеснява създаването на сложни UI компоненти и управлението на състоянието на уеб приложение. JSX е незадължителен синтаксис за React, но той се превърна в де факто стандарт за изграждане на React приложения. Едно от основните предимства на използването на JSX е, че ви позволява да пишете код, който..

В част 2 на тази ще продължим от мястото, където спряхме, където създадохме компонентите, от които се нуждаем, и сега ще започнем с изобразяване на списък. Тъй като повечето от основните настройки на файловете и компонентите са готови, време е да се захванем с някои от по-забавните неща на React с предаване на подпори, състояние на обработка и много JSX! Създаване на масив с вложен хеш с някои твърдо кодирани данни, зададени като константа от контакти в App.js: const contacts = [..