> Что делают хуки useSelector и useDispatch в Redux (React)
Уровень: senior · Роль: frontend · Категория: Технические вопросы
Компании: Kvando Technologies
Стек: React
> Пример ответа
useSelector и useDispatch — это хуки из библиотеки react-redux, которые заменяют устаревший метод connect() и позволяют функциональным компонентам React взаимодействовать с глобальным состоянием Redux.
-
useSelectorпринимает функцию-селектор, которая получает всё состояние Redux и возвращает нужную часть данных. Компонент автоматически перерендеривается, когда выбранная часть состояния изменяется. Пример:const user = useSelector(state => state.user). -
useDispatchвозвращает ссылку на функциюdispatch, с помощью которой можно отправлять (диспатчить) экшены в Redux store. Пример:const dispatch = useDispatch(); dispatch({ type: 'INCREMENT' }).
Оба хука работают только внутри компонентов, обёрнутых в <Provider store={store}>. Они упрощают код, избавляя от необходимости оборачивать компоненты в HOC и явно передавать dispatch и состояние через props.
> Похожие задачи по frontend
Кэшируются ли вычисляемые свойства во Vue и как работает мемоизация
Какие тактические шаблоны DDD вы знаете и применяли
В чем разница useRef и useState в React
Изменится ли поведение методов при передаче их как пропсов в другой React-компонент
> ГОТОВЫ К СЛЕДУЮЩЕМУ СОБЕСЕДОВАНИЮ?
Запустите тренировочную сессию с ИИ и получите детальную обратную связь, чтобы увереннее проходить реальные интервью