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


Чичень или яйцо? Вызов обновления в AfterCreate, пока есть beforeCreate в Sequelize
Я пытался создать приложение на основе кода производителя котлов, который использует Sequelize ORM. Моя цель здесь — создать hashId для внешнего маршрута, который предотвращает раскрытие числового идентификатора пользователя на стороне клиента. На мой взгляд, длина UUID слишком велика для URI. Вот определение пользовательской модели из шаблона. Это довольно прямое определение модели. Хуки гарантируют, что каждый раз при изменении экземпляра, если есть изменение в поле пароля,..

Динамический рендеринг компонентов React
Вы, вероятно, читаете это, потому что столкнулись с «готкой» реагирования на попытки динамически ссылаться на имена компонентов с помощью строки шаблона. Я был там и неустанно искал чистое решение. К счастью, я нашел один, и он отлично работает! Если вы обнаружили, что используете гигантский оператор Switch Case (например, приведенный ниже код) для рендеринга вашего компонента реакции, вы, вероятно, хотели несколько раз очистить его. Простой Почему бы просто не использовать..

Функциональные компоненты и компоненты классов в React
Основные отличия: когда выбирать одно из них, и почему вы должны знать и то, и другое React - это библиотека JavaScript, созданная Facebook. Он использует декларативный подход и упрощает создание пользовательских интерфейсов. Веб-приложение, созданное на React, состоит из нескольких небольших и изолированных фрагментов кода, называемых компонентами React. Есть два основных типа компонентов: Функциональные компоненты Компоненты класса Эта статья поможет вам понять различия,..

Делаем состояние React (почти) избыточным с помощью HTML-формы
В моем последнем проекте веб-сайта мне пришлось столкнуться с двумя основными проблемами: мне нужно было придумать решение, как обрабатывать неизвестное количество полей ввода в контактной форме. Во-вторых, почти на полпути к работе был привлечен специалист по SEO, который потребовал, чтобы сайт был SSR и, следовательно, содержал как можно больше статического контента. Весело, когда вы начинали проект на React, правда? Контактная форма доставила мне трудности, потому что она сопряжена..

Давайте подключимся к крючкам!
Недавно у меня появилась возможность начать использовать хуки React! Я мало что знал о них до того, как погрузился в них, и подумал про себя: «Ну, уроки, кажется, работают отлично, так что в этом такого?» Перенесемся вперед, и я абсолютно продан! Итак, приступим! Теперь, когда мы используем классы, мы привыкли видеть что-то вроде этого ... У нас есть обычный класс, конструктор и объект состояния. Теперь, если мы воспользуемся React Hooks, у нас будет ... И точно так же у..

Самый простой пример хука React
Настраивать в терминале введите: npx create-react-app reacthookexample удалить все в src и общей папке добавить index.html в общую папку добавить index.js в папку src Код index.js import React, { useState } from 'react'; import reactdom from 'react-dom'; function Count() { const [count, setCount] = useState(0); return ( <div> <p> You clicked {count} times </p> <button onClick={()..