Описание тега react-hooks
Хуки - это новая функция, которая позволяет разработчикам использовать состояние (я) и другие функции React без написания класса.
4
ответа
Можем ли мы использовать деструктуризацию объекта для useState() в перехватчиках реагирования?
Что касается документации от Hooks в Reactjs, const [count, setCount] = useState(0); они используют деструктуризацию массива. Можем ли мы использовать деструктуризацию объекта вместо деструктурирования массива?
29 окт '18 в 09:49
1
ответ
Успешно выстрелил два крючка useReducer подряд
У меня есть крючок Редуктор const [state, dispatch] = React.useReducer(reducer, initialState); У этого есть два случая, которые устанавливают строку в состоянии function reducer(state, action) { switch (action.type) { case 'ONE': return { a: action.…
09 фев '19 в 10:06
1
ответ
Как триггеры React.useState перерисовывают?
import { useState } from 'react'; function Example() { const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count + 1)}> Click me </button> </div&g…
27 окт '18 в 17:24
2
ответа
Состояние внутри useEffect всегда ссылается на начальное состояние с помощью React Hooks
Каждый раз, когда я отправляю сообщение из другого компонента, я не могу получить полный список сообщений. Вот компонент ловушки и вида: export function useChat() { const [messages, setMessages] = useState([]); useEffect(() => { const socket = op…
13 фев '19 в 16:53
9
ответов
Многократные вызовы для обновления состояния из useState в компоненте вызывают многократные повторные рендеринг
Я впервые пробовал перехватывать React, и все казалось хорошим, пока я не понял, что когда я получаю данные и обновляю две разные переменные состояния (данные и флаг загрузки), мой компонент (таблица данных) отображается дважды, хотя оба вызова до с…
01 дек '18 в 20:06
14
ответов
Что такое useState() в React?
В настоящее время я изучаю концепцию хуков в React и пытаюсь понять приведенный ниже пример. import { useState } from 'react'; function Example() { // Declare a new state variable, which we'll call "count" const [count, setCount] = useState(0); retu…
06 ноя '18 в 04:56
4
ответа
Когда и как выбирать между React Hooks и прохождением старых HOC-реквизитов?
До сих пор мы привыкли к потоку потоков, когда данные вводились в компонент через подпорки. Таким образом, вы можете посмотреть на сигнатуру Props и посмотреть, каковы требования к компонентам. Хуки - это удивительная особенность, но когда мы перейд…
20 ноя '18 в 06:46
5
ответов
Установите типы на useState React Hook с TypeScript
Я перевожу проект React с TypeScript, чтобы использовать функции ловушек (React v16.7.0-alpha), но я не могу понять, как установить типизацию деструктурированных элементов. Вот пример: interface IUser { name: string; } ... const [user, setUser] = us…
06 дек '18 в 11:31
0
ответов
Ошибка типа: __WEBPACK_IMPORTED_MODULE_0_react__. UseContext не является функцией
Нужна помощь в выяснении, почему контекстные хуки дают ошибку. Это моя вина или есть ошибка. Я работаю с реагировать + машинопись. Это простой компонент, в котором я хотел получить доступ к двум моим контекстам. Я не могу понять, где проблема. Я при…
07 дек '18 в 17:04
6
ответов
Реагировать крючки useState Array
Я попытался сбросить значения массива useState здесь, но не смог найти никаких ссылок на значения массива. Попытка изменить выпадающее значение из начального состояния в значения позволенного состояния. Я использую метод ловушек здесь, чтобы установ…
17 дек '18 в 22:49
1
ответ
Используя React Hooks useReducer, как мне эффективно обновить объект по ID?
У меня есть StackBlitz, который вы можете раскошелиться, я нашел похожий ответ, но у меня возникли проблемы с его применением к моему примеру, я думаю, это потому, что у меня есть массив объектов. У меня есть работающий код, но он очень многословный…
19 дек '18 в 06:36
4
ответа
Как я могу очистить Интервал по нажатию с помощью React Hooks?
Я пытаюсь реорганизовать мой код, чтобы реагировать на хуки, но я не уверен, правильно ли я это делаю. Я попытался скопировать и вставить свой код setInterval /setTimout в ловушки, но он не работал должным образом. Попробовав разные вещи, я смог зас…
19 дек '18 в 21:46
1
ответ
Несколько проблем с Typescript/tslint
Я новичок в Typescript! Просто пытаюсь сделать базовую аннотацию для начала Во-первых, один из импортеров продолжает кричать. Во-вторых, type В-третьих, jsx не работает правильно. Мой код import * as React from "react"; import { useMappedState } fro…
23 дек '18 в 10:46
3
ответа
Должен ли я использовать один или несколько useEffect в компоненте?
У меня есть некоторые побочные эффекты, и я думаю, как их организовать: как одноразовый эффект или несколько useEffects что лучше с точки зрения производительности и архитектуры?
02 янв '19 в 07:38
2
ответа
Как замедлить / отменить обработку событий с помощью ловушек реагирования?
Обработчик события прокрутки будет срабатывать часто. Как это можно замедлить / отменить? И если это возможно, я хочу, чтобы последнее событие всегда было запущено, а не пропущено. const handleScroll = event => { //how to debounse scroll change? …
06 янв '19 в 12:24
8
ответов
Реагировать useEffect, сравнивая объекты
Я использую реагирую useEffect перехватывает и проверяет, изменился ли объект, и только потом снова запускает перехват. Мой код выглядит так. const useExample = (apiOptions) => { const [data, updateData] = useState([]); useEffect(() => { const…
08 янв '19 в 16:34
1
ответ
Обход блокировщика обновлений в компоненте без маршрута с помощью React Router и React Hooks
Я использую React Router со стандартным компонентом Page, который извлекает контент из WP Rest API на основе слага. Я могу посетить страницы напрямую через URL и маршрутизацию работ. У меня есть небольшое меню в моем компоненте нижнего колонтитула, …
08 янв '19 в 19:06
2
ответа
Как сменить реквизит на состояние в React Hooks?
В компоненте класса Простого реагирования мы использовали, чтобы изменить реквизит так: constructor(props) { super(props) this.state = { pitch: props.booking.pitch, email: props.booking.email, firstName: props.booking.firstName, arrivalDate: props.b…
10 янв '19 в 14:36
0
ответов
Стили компонентов не перерисовываются после загрузки страницы на сайте next.js
Я использую хук под названием useScrollPosition для анимации определенных вещей на моих страницах (непрозрачность, высота и т. Д.) В зависимости от положения прокрутки. Проблема в том, что если страница прокручивается вниз, а затем вы обновляете ее,…
16 янв '19 в 14:55
1
ответ
Каков "правильный" способ обновления реагирующего компонента после интервала с перехватами?
Я использую альфа-версию реакционных поддерживающих хуков и хочу проверить мой подход к обновлению текста в компоненте после некоторого интервала без рендеринга компонента больше раз, чем необходимо при смене реквизита. РЕДАКТИРОВАТЬ: Для ясности - …
25 янв '19 в 11:55