Вопросы по теме 'use-effect'
ReactJS: ошибка превышения максимальной глубины обновления при загрузке в useEffect
В React 16.8 я реализовал свой проект с использованием хуков useReducer, useContext и создал систему глобального управления состоянием, аналогичную Redux.
В представлении, когда я пытался получить данные в useEffect, это вызывает ошибку...
1617 просмотров
schedule
15.01.2023
Как использовать React Hook useeffect с добавлением обработчика событий, зависящего от состояния?
У меня есть компонент авторизации, в него включены другие компоненты - такие поля, как имя пользователя, пароль и т. Д. Я пытаюсь создать реагирующий перехватчик useeffect, где я хочу добавить подписку на событие keyDown «X». В этом случае я хочу...
465 просмотров
schedule
21.05.2022
Функция асинхронного запуска после useEffect
Мне было интересно, как можно запустить функцию после использования useEffect для извлечения данных, когда функция манипулирует данными после того, как они были извлечены?
import React, { useState, useEffect } from 'react';
const Result = (props)...
5401 просмотров
schedule
15.08.2022
Как использовать переменную, объявленную в useEffect (), в другой функции?
p.s решил мою проблему, но я все равно хотел бы услышать ваши мысли об этом и моем коде, если у вас будет время :)
Я могу присвоить значение этой переменной только ТОЛЬКО после завершения рендеринга, поэтому я предполагаю, что я должен объявить эту...
9695 просмотров
schedule
22.05.2023
попытаться вызвать объект функции, который использует переменную состояния, измененную внутри useEffect, и получить неопределенную переменную состояния
Поскольку моя переменная состояния currentUser установлена в useEffect, а getJoinRoom требует currentUser, поэтому я установил useCallback для getJoinRoom с состоянием зависимости currentUser, но кажется, что currentUser все еще не установлен при...
50 просмотров
schedule
18.12.2022
Передача действий Redux в зависимости useEffect
У меня возникла проблема с передачей действий Redux в список зависимостей useEffect.
Например,
import { someReduxAction } from '../actions/greatestPathEverMade'
const mapDispatchToProps = () => ({
someReduxAction
})
const DummyComponent...
104 просмотров
schedule
24.11.2022
В React Hook в useEffect отсутствуют зависимости: 'dispatch' и 'init' - при использовании useDispach в useEffect
Я пытаюсь создать какое-то состояние инициализации в redux, поэтому, когда приложение загружает, приложение будет получать некоторые данные из redux (с помощью thunk) и получать данные.
поэтому мне это нужно только один раз, и для этого я добавил...
161 просмотров
schedule
02.10.2022
Невозможно получить доступ / управлять данными из API погоды с помощью axios с useEffect в React.js
Я использую axios для получения данных API погоды с помощью useEffect.
import React, { useEffect, useState } from 'react';
import axios from 'axios';
import { Header } from './Header';
export const CurrentCity = () => {
const [weather,...
160 просмотров
schedule
06.04.2023
Реагировать на обновление useState проблематично
Привет, сообщество Stackoverflow,
У меня сложная проблема с useState. Я хочу удалить элемент из массива, а после этого хочу выполнить несколько проверок и выполнить вызов xhr. Позволь мне привести пример:
const [items, setItems] = useState([{...
106 просмотров
schedule
05.02.2024
Состояние обновления при использовании Эффект показывает предупреждение
Я хочу обновить состояние после обновления другого состояния:
export default function App() {
const [diceNumber, setDiceNumber] = useState(0);
const [rolledValues, setRolledValues] = useState([
{ id: 1, total: 0 },
{ id: 2, total: 0...
55 просмотров
schedule
22.04.2022
defaultValue of Input неправильно работает с муравьиным дизайном
Я использую дизайн муравья в своем проекте. Я получаю данные из хранилища избыточности с помощью useEffect следующим образом;
const settingsRedux = useSelector(state => state.SETTINGS)
после этого я использую эти данные для defaultValue...
12804 просмотров
schedule
05.12.2023
Тестирование завершается неудачей, потому что реквизит еще не отрендерен.
Я пытаюсь написать тест, который ищет визуализированный элемент Dom, но он визуализируется с помощью useEffect, поэтому тест завершается неудачей, потому что он визуализируется немного позже. Например:
const [isTrue, setIsTrue] =...
32 просмотров
schedule
16.04.2023
Реагировать useEffect с объектом
Я пытаюсь обновить состояние. Я читал, что для того, чтобы вообще не заменять состояние, нужно использовать оператор распространения. Это вид работы, когда он добавляется к предыдущему состоянию, но я изо всех сил пытаюсь добавить состояние в нужное...
51 просмотров
schedule
17.04.2023
Реагировать на useEffect и Axios: выполнение связанных вызовов API внутри 'then'
Я работаю с NHL API и получаю хоккейную статистику для своего приложения. У API есть несколько конечных точек, которые я использую для доступа к статистике игроков.
Roster endpoint
https://statsapi.web.nhl.com/api/v1/teams/3/roster
После...
3084 просмотров
schedule
02.06.2023
Последний аргумент, переданный useEffect, изменял размер между рендерами. Порядок и размер этого массива должны оставаться постоянными. [Material-UI]
Попытка использовать всплывающую подсказку из пользовательского интерфейса материала приводит к следующей ошибке:
Warning: The final argument passed to useEffect changed size between renders. The order and size of this array must remain constant....
450 просмотров
schedule
28.07.2023
useEffect с состоянием избыточности и dep выполняется всякий раз, когда есть какое-либо другое изменение в состоянии избыточности.
У меня есть 2 компонента таблицы, отображающие список пользователей в Org1 и Org2. Я поддерживаю оба списка в состоянии redix.
редукс:
{
org1: [{}, ...],
org1Filters: {}
org2: [{}, ...],
org2Filters: {}
}
Мой компонент использует...
86 просмотров
schedule
10.01.2023
Как уменьшить количество вызовов useEffect?
Инструмент Google Lighthouse дал моему приложению ужасную оценку производительности, поэтому я провел некоторое расследование. У меня есть компонент под названием Home
внутри Home у меня есть useEffect (только один), который выглядит так...
93 просмотров
schedule
20.07.2023
Неправильный порядок асинхронных задач React Promise
Я делаю несколько звонков с Promise.
Мои конечные точки API для извлечения:
https://www.api-football.com/demo/v2/statistics/357/5/2019-08-30
https://www.api-football.com/demo/v2/statistics/357/5/2019-09-30...
353 просмотров
schedule
06.10.2022
Ошибка типа: уничтожение не является функцией в Reactjs при вызове функции api async в хуке useEffect
const [dailyData, setDailyData] = useState([]);
useEffect(async () => {
const fetchData = await fetchDailyData(); // fetchDailyData() is calling Api
setDailyData(fetchData);
console.log(fetchData); //fetchData print the value...
2177 просмотров
schedule
07.09.2022
Обновление данных, полученных с помощью настраиваемой ловушки, после закрытия модального окна
Я использую ловушку для получения данных в своем приложении. Крючок выглядит примерно так:
const initialState = {
response: null,
loading: true,
error: null
}
const useGetFetch(url, token, user, parser) => {
const [state, dispatch] =...
908 просмотров
schedule
03.07.2023
