Вопросы по теме 'react-hooks'

Как использовать новые перехватчики функций в React?
Я только что прочитал о новых функциях в реакции. Прочитайте о хуках но я не могу его использовать. это дает мне ошибку. Сейчас я использую версию 16.6.0 Наконец я понял крючки. import React, {useState} from 'react'; const Fun = ()...
5315 просмотров
schedule 06.11.2022

В React 16.7 есть State Hook, могу ли я использовать функциональный компонент вместо компонента класса в любой ситуации?
В React 16.7 есть State Hook, поэтому я могу использовать компонент функции вместо компонента класса в любой ситуации, верно? https://reactjs.org/docs/hooks-state.html
1459 просмотров
schedule 06.03.2024

Как использовать асинхронное возвращаемое значение из useEffect в качестве значения по умолчанию в useState?
Я создал простой пример https://codesandbox.io/s/4zq852m7j0 . Как видите, я получаю данные из удаленного источника. Я хотел бы использовать возвращаемое значение в качестве значения в моем текстовом поле. const useFetch = () => { const...
7822 просмотров
schedule 14.12.2023

Как получить ценность Antd Form с помощью React Hooks?
Ниже приведен пример TextareaItem antd- mobile, я хочу переписать его с помощью React Hooks, вот мой полуфабрикат: import React, { useState, useEffect} from "react" import { List, TextareaItem } from 'antd-mobile'; import { createForm } from...
4769 просмотров
schedule 23.01.2024

TypeError: dispatcher.useState не является функцией для React Native
У меня есть выставочный проект, в котором я хочу использовать крючки. При запуске приложения я получаю следующую ошибку: TypeError: dispatcher.useState is not a function. (In 'dispatcher.useState(initialState)', 'dispatcher.useState' is...
1627 просмотров
schedule 25.10.2023

Перехватчики React - useState () не выполняет повторный рендеринг пользовательского интерфейса с новыми обновлениями состояния.
Я пробую новые React Hooks, и я немного застрял, поскольку пользовательский интерфейс не обновляется при обновлении локального состояния. Вот мой код, import React, { useState, useEffect } from 'react'; import Post from './Post' import...
12107 просмотров
schedule 03.11.2022

Как сделать так, чтобы ловушка useEffect вызывала предоставленный эффект только при изменении всех элементов во входных данных?
Я пытаюсь преобразовать UNSAFE_componentWillReceiveProps в ловушку. Ниже приведена логика использования CWRP. UNSAFE_componentWillReceiveProps(nextProps){ if (this.props.val1 !== nextProps.val1 && this.props.val2 !== nextProps.val2) {...
1539 просмотров
schedule 02.03.2024

Как использовать React Hooks в автономном режиме React?
Я пытаюсь использовать React Hooks в автономной среде UMD. Я получаю ошибку ниже Неперехваченное инвариантное нарушение: ошибка Minified React # 307; Ошибка указывает мне на https://reactjs.org/docs/error-decoder.html/?invariant=307...
1381 просмотров
schedule 17.09.2022

Проблема с useRef React Hook и прослушивателем событий и изменением img src
Я пытаюсь создать React Hook, который изменит изображение при наведении курсора мыши. У меня есть код ниже, который не работает. Я надеялся, что смогу добавить прослушиватель событий, а затем, когда срабатывает событие onmouseever, изменить атрибут...
3505 просмотров
schedule 22.12.2023

Пропуск эффектов не работает для массива динамических URL-адресов.
У меня есть компонент React.SFC / response без состояния / функциональный, который, к сожалению, отображается слишком часто из-за некоторых избыточных данных, поступающих из redux в родительском компоненте. На данный момент я ничего не могу с этим...
197 просмотров
schedule 12.02.2024

Как можно использовать мою настраиваемую тему с помощью хука useTheme ()?
Когда я объявляю свой MuiProvider, у меня есть фрагмент кода, например: <MuiThemeProvider theme={merge(defaultGlobalTheme, this.props.adjustThemeOptions)}> {this.props.children} </MuiThemeProvider> Как я могу использовать свою...
882 просмотров
schedule 01.12.2023

Как я могу отключить активный класс для каждого дочернего компонента, установив его активным для дочернего элемента, на который щелкнули
Я пытаюсь установить активный класс для дочернего компонента B при отключении активного класса для дочернего компонента A, когда я нажимаю на B. До сих пор я пробовал использовать хуки в родительском классе, где я отключил активную опору для всех...
2597 просмотров

React Hooks - Как тестировать изменения на глобальных провайдерах
Я пытаюсь проверить следующий сценарий: Пользователь с просроченным токеном пытается получить доступ к неавторизованному ресурсу. Ресурсы возвращают ошибку 401 Приложение обновляет глобальное состояние isExpiredSession до true. Для этого...
559 просмотров

useState не регистрируется при первом рендеринге
У меня очень простое приложение для реагирования. Я пытаюсь установить переменную состояния, а затем сразу после console.log этой переменной, но получаю пустое значение. var [techFilterTerm, setTechFilterTerm] = useState('');...
59 просмотров
schedule 17.04.2024

Передайте действие, чтобы отправить React Hooks
Я хотел бы передать действие, показанное ниже, компоненту в качестве реквизита, но при этом получаю сообщение об ошибке. Кажется, это нормально работает: import React, { useState, useEffect, useContext } from 'react'; import MyScheduleDispatch...
369 просмотров
schedule 21.11.2023

React Hooks useEffect, добавление зависимостей триггеров бесконечного цикла
Внутри моего useEffect у меня есть зависимость от props (setIsValid). Когда я добавляю эту зависимость к useEffect, она замыкается в бесконечном цикле. Родитель при вызове дочернего компонента: const setIsValid = (bool) => { const...
6218 просмотров

React hook useCallback без зависимостей
Имеет ли смысл использовать useCallback без зависимостей для простых обработчиков событий? Например: const MyComponent = React.memo(() => { const handleClick = useCallback(() => { console.log('clicked'); }, []); const...
9264 просмотров
schedule 19.04.2024

Реагировать на хуки `useState` - установить состояние и сразу использовать
Я понимаю, что изменение состояния вызывает повторный вызов функции компонента с новым состоянием, полученным из хука useState . Внутри функции, в которой установлено состояние, состояние остается тем же, потому что любые функции, определенные...
92 просмотров
schedule 30.10.2022

Как предотвратить многократный запуск кода внутри firebase.auth().onAuthStateChanged в функциональном компоненте
В моем реагирующем приложении у меня есть компонент входа/регистрации, в котором я хотел бы выполнить следующее по порядку: Визуализация отключенных элементов ввода. Инициализировать объект аутентификации firebase После успешной...
485 просмотров

Как правильно использовать функцию обновления реакции useState?
Учитывая следующее заявление: const [stateObject, setObjectState] = useState({ firstKey: '', secondKey: '', }); Являются ли следующие фрагменты правильными? A) setObjectState((prevState) => ({ ...prevState,...
391 просмотров
schedule 15.04.2024