- Какво представляват propTypes?
Отговор: Когато предаваме данни с помощта на подпори, не можем да проверим типовете данни. Можете да подадете низ, число, булев тип данни. Но с помощта на propTypes можем да валидираме типа данни, който изискваме. Когато трябва да дадем число, но сме задали низ, този път показваме предупреждението. Ако видим примера по-долу, можем да разберем ясно.
В горното виждаме, че в компонента на приложението предаваме данни в компонента Pizza. Предадохме цената като низ, но компонентът Pizza изискваше цената като число, поради което получихме грешка.
2. Какво е състоянието и реквизита
Отговор: State съхранява информация за компонентите и актуализира информацията с помощта на setState. Съхраняваме данните за извличане, използвайки състояние. Когато предаваме данни от един компонент към друг компонент, използваме подпори. Реквизитите са само за четене. Реквизитите показват само входящи данни.
3. Жизнен цикъл на компонента?
Отговор: В React всеки компонент има жизнен цикъл и жизненият цикъл има три части: монтиране, актуализиране, демонтиране. Монтиране през жизнения цикъл на dom, актуализиране на dom и премахване и демонтиране на dom.
4. Какво е API за контекст?
Отговор: React е еднопосочен. Ние предаваме данни от един компонент на друг компонент ръчно на всяко ниво. Използвайки контекст, можем да предаваме данни от един компонент към друг компонент, без да използваме пробиване на подпори.
5. Персонализирана кука?
Отговор: Когато споделяме логика с много компоненти, създаваме персонализирана кука. Персонализираната кука е функция на javascript. Пример:
функция counter() {
const [count, setCount] = useState(0)
const handleClick = () =› {
setCount(брой + 1)
}
връщане (
‹div›
‹h2›Брой {count}‹/h2›
‹button onClick={handleClick}›Щракнете‹/бутон›
‹/div›
)
}
6. JSX?
Отговор: JSX нишки за javascript XML. Можем лесно да пишем HTML код в React. JSX предоставя синтактична захар за функцията React.createElement. JSX е по-бърз от нормалния javascript.
