Публикации по теме 'usestate'


React Hooks и почему их стоит использовать
Или «Как я научился перестать задавать вопросы и полюбил крючки» Начиная с реакции, вы обычно настраиваете компонент на основе классов всякий раз, когда вам нужен компонент, чтобы иметь возможность удерживать состояние? Скажем, у вас есть переключатель кнопки, который вы хотите изначально установить в значение false, и когда вы нажимаете на него, вы хотите, чтобы состояние было истинным, или переключение вкладок, когда вы хотите, чтобы вещи были доступны только для просмотра. Задолго..

Хук useState: глубокое погружение в управление состоянием React # 2
В предыдущей статье ‹link› вы узнали, как настроить свою первую среду React и запустить приложение с помощью CRA. useState — это хук в React, который позволяет вам добавлять состояние к функциональным компонентам. Он возвращает пару значений: текущее состояние и функцию , которую можно использовать для обновления состояния. Вот пример того, как вы можете использовать useState для добавления части состояния с именем message к функциональному компоненту: import React, {..

useState Hook в React
Упрощенная версия, вероятно, самого важного хука в React Перед прочтением этой статьи очень важно иметь базовые знания о React и о том, как запустить приложение React на своем ноутбуке. Если вы этого не знаете, я рекомендую прочитать мою статью о начале работы с React, чтобы у вас была готова базовая настройка. Несколько фактов о React Hooks: 📌 Перехватчики React могут использоваться только в функциональных компонентах, потому что компоненты класса имеют свой собственный способ..

Мой ELI5 для базовых концепций React: поднятие состояния вверх
Как и большинство из вас, кто наткнулся на это, я нахожусь в процессе изучения React и фронтенд-разработки в целом. Хотя время от времени обучение может быть невероятно захватывающим, очень неприятно сталкиваться с препятствием на раннем этапе и чувствовать, что я не понимаю ключевой концепции. Часть меня хочет, чтобы поезд двигался и просто продолжал, но я знаю, что полное понимание фундаментальных знаний имеет решающее значение. Я следил за «Полным руководством по React»..

ДО 1 апреля. 2023
REACT: замена let на useState Беда С помощью этого кода новое значение «email» присваивается переменной «emailTrue», но проблема в том, что в функции joinHandler значение emailTrue печатается как пустая строка. Как мы можем правильно передать значение emailTrue в joinHandler? let emailTrue = ""; //이메일 중복검사 const emailCheckHandler = (email) => { if (isEmail) { ... ... ... emailTrue = email; } }); } }; const..

useState против useRef: раскрываем тонкости React
Любой, кто глубоко погружается в React, испытывает естественное желание понять сложные нюансы его многочисленных крючков. Сегодня мы рассмотрим два ключевых из них: useState и useRef . Эти хуки, хотя и кажутся похожими, имеют разное поведение, которое может существенно повлиять на работу наших приложений React. Состояние использования Начнем с useState , любимца публики. Для освежения, вот краткий обзор его основного использования: import React, { useState } from..

Как преобразовать классы JavaScript в хук useReducer в React
Пример применения функционального программирования в приложениях React Объектно-ориентированное программирование - это парадигма программирования, основанная на концепции «объектов», которые определяются как классы. Это императивное программирование, которое использует операторы для изменения состояния программы. Функциональное программирование - это еще одна парадигма программирования, в которой программы создаются путем применения и составления функций. Это парадигма..