Понимание “useReducer в React” на примере реальной жизни

💖 Для тех, кто узнал о useReducer, но все еще не может понять, когда нужно использовать интуитивно

💎 Я реализовал кнопку переключения по useState

const [showMenu, setShowMenu] = useState<boolean>(true)

// when I want to show/hide toggle button
setShowMenu(!showMenu)
Войти в полноэкранный режим Выйти из полноэкранного режима

💎 Но я понял, что есть лучший способ с помощью useReducer

const [showMenu, toggleShowMenu] = useReducer((prev) => !prev, true)

// when I want to show/hide toggle button, that's all!
toggleShowMenu()
Войти в полноэкранный режим Выйти из полноэкранного режима

Если вам понравился этот опыт “реальный пример использования UseReducer”, напишите комментарий 😎

Оцените статью
Procodings.ru
Добавить комментарий