Оценить канал big_proger и оставить отзыв — могут только зарегестрированные пользователи. Все отзывы проходят модерацию.
5 звезд
1
4 звезд
0
3 звезд
0
2 звезд
1
1 звезд
0
Последние сообщения 2
2022-08-21 18:00:04
35 браузерных плагинов для Google Chrome в помощь разработчику
Ловите подборку расширений и плагинов для браузера, облегчающих жизнь программисту: ответы со StackOverflow в виде кода в топе выдаче Google, вызов, обнаружение и тестирование HTTP и REST API, анализатор UX, уменьшение потребления памяти Chrome и многое другое.
Хуки — нововведение в React 16.8, которое позволяет использовать состояние и другие возможности React без написания классов. Хуки — это функции, с помощью которых вы можете «подцепиться» к состоянию и методам жизненного цикла React из функциональных компонентов. Хуки не работают внутри классов — они дают вам возможность использовать React без классов.
Хук состояния - useState
import React, { useState } from 'react';
function Example() { // Объявляем новую переменную состояния "count" const [count, setCount] = useState(0);
return (
You clicked {count} times
); }
Вызов useState возвращает две вещи: текущее значение состояния и функцию для его обновления. Эту функцию можно использовать где угодно, например, в обработчике событий. Она схожа с this.setState в классах, но не сливает новое и старое состояние вместе. Единственный аргумент useState — это начальное состояние. В примере выше — это 0, так как наш счётчик начинается с нуля. Хук эффекта - useEffect
React, { useState, useEffect } from 'react';
function Example() { const [count, setCount] = useState(0);
// По принципу componentDidMount и componentDidUpdate: useEffect(() => { // Обновляем заголовок документа, используя API браузера document.title = `Вы нажали ${count} раз`; });
return (
Вы нажали {count} раз
); }
Когда вы вызываете useEffect, React получает указание запустить вашу функцию с «эффектом» после того, как он отправил изменения в DOM. Поскольку эффекты объявляются внутри компонента, у них есть доступ к его пропсам и состоянию. По умолчанию, React запускает эффекты после каждого рендера, включая первый рендер.