Вопросы по теме 'react-hooks'
Как программно очистить / сбросить React-Select?
ReactSelect V2 и V3 , похоже, имеет несколько свойств, таких как clearValue , resetValue и setValue . Что бы я ни пытался, я не могу программно очистить выбор. resetValue кажется недоступным извне.
selectRef.setValue([], 'clear')
// or...
94457 просмотров
schedule
29.05.2024
Состояние не обновляется при использовании обработчика состояния React в setInterval
Я пробую новый React Hooks и имею компонент Clock со счетчиком, который должно увеличиваться каждую секунду. Однако значение не превышает единицы.
function Clock() {
const [time, setTime] = React.useState(0);
React.useEffect(()...
74037 просмотров
schedule
08.07.2023
Ошибка импорта пользовательских хуков в React 16.7.0-alpha
Поигрался с новым хуком RFC в React и не могу заставить свой собственный хук работать должным образом. Не уверен, что то, что происходит, на моей стороне, или это ошибка самой React alpha.
Я пытался создать крючок за пределами клика. Я смог...
605 просмотров
schedule
11.04.2022
Как вызвать функцию загрузки с помощью React useEffect только один раз
Хук useEffect React будет запускать переданную функцию при каждом изменении. Это можно оптимизировать, чтобы он мог вызывать только при изменении желаемых свойств.
Что, если я хочу вызвать функцию инициализации из componentDidMount и не...
267985 просмотров
schedule
03.05.2024
Как я могу заставить компонент повторно визуализироваться с помощью хуков в React?
Рассматривая ниже пример крючков
import { useState } from 'react';
function Example() {
const [count, setCount] = useState(0);
return (
<div>
<p>You clicked {count} times</p>...
225831 просмотров
schedule
07.05.2022
Неожиданное (?) Поведение многоразовых функций перехвата React или что я делаю не так?
Я пытаюсь написать свою собственную многоразовую функцию перехвата useEffect useEffectOnce() для запуска только один раз (при монтировании и размонтировании), но это кажется невозможным. Моя функция вызывается после каждого повторного рендеринга:...
348 просмотров
schedule
15.06.2023
Перехватчик useState не работает с перехватчиком usePrevious
Я создал компонент меню и пытаюсь использовать ловушку useState для хранения открытых подменю. Когда меню закрыто (от родителя, использующего реквизиты), я хочу закрыть все подменю, и для этого я использую хук usePrevious из библиотеки react-hanger,...
3368 просмотров
schedule
07.04.2023
Ошибка преобразования машинописного текста для события выбора и значения по умолчанию
TSlint выдает ошибку для значения по умолчанию — Type 'string' is not assignable to type 'ChangeEvent<HTMLInputElement> | undefined — для следующего кода
const App = () => {
const [ month, setMonth] = useState("last1")
const...
461 просмотров
schedule
05.05.2024
setTimeout не очищается с помощью хука React useEffect на мобильных устройствах
Обзор проблемы : setTimeout не очищаются на мобильных устройствах при использовании хука useEffect React. Однако они очищаются на рабочем столе.
Воспроизведение проблемы : https://codepen.io/amliving/pen/QzmPYE .
Примечание: запустите...
1318 просмотров
schedule
16.03.2024
Реагировать на хуки против eventListener
Итак ... Я пробовал useEffect, но обнаружил странное поведение. У меня состояние в тупой составляющей. Я вызываю useEffect и добавляю в него новый eventListener. Этот прослушиватель событий должен изменить состояние при заданном условии. Проблема...
11580 просмотров
schedule
05.08.2023
Ошибка при использовании useState в официальном примере
Этот код был получен здесь .
import React from 'react';
import useState from 'react'
let f = function() {
const [count, setCount] = useState(0);
return (
<div>
<p>You clicked {count} times</p>
<button...
1798 просмотров
schedule
11.09.2022
Реагировать на хуки: ленивая загрузка останавливается useLayoutEffect?
В моем веб-приложении есть верхняя панель навигации, высота которой может изменяться. Он закреплен в верхней части экрана, css position: fixed. Чтобы переместить содержимое страницы под ним, у меня есть разделитель div, который обновляет свою...
1106 просмотров
schedule
04.02.2022
Преобразование моего компонента на основе классов в функциональные компоненты с помощью хуков
Я новичок в хуках , мне очень нравится, как хуки дают нам возможность иметь состояние в функциональном компоненте с помощью useState (), useEffects (), useReducer. () и т. д. , я также знаю, что всегда полезно использовать функциональный...
664 просмотров
schedule
18.05.2024
Реагировать на хук useEffect и функцию Async / await для собственной выборки данных?
Я попытался создать функцию для получения данных с сервера, и она работает. Но я не уверен, что это правильно?
Я создал функциональный компонент для получения данных, используя useState , useEffect и Async / Await :
import React, {...
17190 просмотров
schedule
17.03.2024
Тест Jest / Enzyme выдает ошибку при использовании хуков
У меня есть простой компонент React, который использует хук useState. Этот компонент работает в приложении правильно, но мой тест Jest выдает ошибку «Хуки могут быть вызваны только внутри тела функционального компонента». Насколько я могу судить, я...
1424 просмотров
schedule
10.09.2022
Перехватчики React не используют последнюю версию
У меня есть приведенный ниже код, в котором я хочу создать список тегов. В этом примере я получаю список тегов в setAllTags() , а затем количество доступных тегов в setAvailableTags() .
Тогда проблема, которая у меня есть, заключается в том, что...
5456 просмотров
schedule
19.08.2022
Использование состояния из useReducer () вне функции рендеринга
Я не могу получить доступ к текущим значениям состояния вне функции рендеринга. Он всегда возвращает значение начального состояния
У меня есть соединение signalR, и когда я получаю сообщение, я хочу отправить действие. «Проблема» в том, что я...
425 просмотров
schedule
11.11.2022
Как преобразовать перекомпоновку в хуки?
Моя компания использует перекомпоновку в качестве инструмента государственного управления. Мы проводим рефакторинг нашего приложения для использования хуков. В приведенном ниже коде, как бы вы заменили компонент перекомпоновки на компоненты...
3349 просмотров
schedule
30.09.2022
Простой setState для объекта с использованием хуков
const [state, setState] = useState({ city: '', country: '' });
const handleCityChange = event => {
setState(prevState => {
console.log(prevState);
return { ...prevState, city: event.target.value };
});
};
//...
<input...
119 просмотров
schedule
12.02.2022
возможно ли React.useState (() = ›{}) в React?
можно ли использовать function в качестве состояния моего компонента React?
пример кода здесь:
// typescript
type OoopsFunction = () => void;
export function App() {
const [ooops, setOoops] = React.useState<OoopsFunction>(...
17792 просмотров
schedule
15.05.2023