1. Что такое propTypes?

Ответ: Когда мы передаем данные с помощью реквизита, мы не можем проверять типы данных. Вы можете передать строку, число, логическое значение любого типа данных. Но с помощью propTypes мы можем проверить тип данных, который нам нужен. Когда мы должны указать число, но мы устанавливаем строку, в этот раз мы показываем предупреждение. Если мы увидим пример ниже, мы сможем ясно понять.

В приведенном выше примере мы видим, что в компоненте приложения мы передаем данные в компонент Pizza. Мы передали цену в виде строки, но компонент Pizza требовал цену в виде числа, поэтому мы получили ошибку.

2. Что такое состояние и реквизит?

Ответ: State содержит информацию о компонентах и ​​обновляет информацию с помощью setState. Мы храним выборку данных, используя состояние. Когда мы передаем данные из одного компонента в другой, в этот раз мы используем реквизиты. Реквизиты доступны только для чтения. Пропсы отображают только входящие данные.

3. Жизненный цикл компонента?

Ответ: В React у каждого компонента есть жизненный цикл, а жизненный цикл состоит из трех частей: монтирование, обновление, размонтирование. Установка жизненного цикла на дом, обновление дома, удаление и размонтирование дома.

4. Что такое контекстный API?

Ответ: React является однонаправленным. Мы передаем данные от одного компонента к другому вручную на каждом уровне. Используя контекст, мы можем передавать данные от одного компонента к другому без использования реквизитов.

5. Пользовательский хук?

Ответ: Когда мы делим логику со многими компонентами, мы создаем собственный хук. Пользовательский хук — это функция javascript. Пример:

функция счетчик() {

const [количество, setCount] = useState (0)

const handleClick = () => {

setCount (количество + 1)

}

возвращаться (

‹див›

‹h2›Подсчет {count}‹/h2›

‹button onClick={handleClick}›Нажмите‹/кнопку›

‹/дел›

)

}

6. JSX?

Ответ: цепочки JSX для javascript XML. Мы можем легко написать HTML-код в реакции. JSX предоставляет синтаксический сахар для функции React.createElement. JSX быстрее обычного javascript.