Используйте вопросы, связанные с эффектом для реакционных хуков API.

Подробнее про use-effect...

Я создаю объект из двух разных запросов от API. В любой момент времени для этих запросов используются три разных ids. например const ids = [1, 2, 3] Весь код находится внутри useEffect, так как я хотел бы, чтобы он запускался каждый раз при изменении ids. Не уверен, влияет ли это на порядок выпо....
24 Фев 2021 в 16:42
Я пытаюсь создать автоматический счетчик , когда компонент (например, здесь Home) отображается в представлении. Счетчик должен начинаться с 1 и останавливаться на 10. Но я не могу очистить свой setInterval на 10. Счетчик продолжает увеличиваться. В чем проблема? Большое спасибо. export const Home....
Я новичок в хуках, и у меня есть этот проект (https://thereacttimes.netlify.app/), в котором используется API New York Times для отображения историй из разных разделов новостей. Я создал шапку заголовков разделов. Если вы нажмете «arts», он изменит URL-адрес на https://thereacttimes.netlify.app/art....
19 Фев 2021 в 22:49
Я пытаюсь преобразовать простой компонент React с обратным вызовом this.setstate в функциональный компонент с useState / useEffect, но я не могу воспроизвести ту же функциональность с последним. Я использую пример простой системы предупреждений / уведомлений для добавления и удаления предупреждений ....
19 Фев 2021 в 16:15
Я знаю, что синтетическое событие , а не собственное событие dom , должно быть способом борьбы с взаимодействием в приложении React, но мне интересно, почему это поведение такое странное. Когда React Event работает хорошо, а событие dom всегда сбрасывает состояние в исходное состояние. import Rea....
18 Фев 2021 в 09:34
Я реализовал слайдер автозапуска (с тремя карточками) с помощью useEffect, но кнопки «назад» и «вперед» не работают должным образом. useState не обновляет значения должным образом. useState меняет значения, которые я не могу понять, это случайное поведение. Как только я щелкнул предыдущую или пря....
Я пытаюсь извлечь значение из файла json только один раз. Это означает, что я не хочу, чтобы он выполнял ту же работу после повторной визуализации компонента. Я пробовал делать это с помощью useEffect (), хотя по какой-то причине .......
Я хочу сделать запрос к своей базе данных, когда впервые попадаю на страницу результатов. Я хочу получить некоторые данные из базы данных, и я предоставляю идентификатор на интерфейсе через axios, подобный этому. import { useEffect } from "react"; import axios from "axios"; const Results = ({ link....
16 Фев 2021 в 19:55
У меня есть этот код useEffect(() => { console.log('SHOWING LAYOUT'); return () => { if (!auth.isChangePasswordSuccess) { console.log('SHOWING LAYOUT 2', auth.isChangePasswordSuccess); dispatch(updateAuth('status', userStatus.LOGGED_IN)); } } }, [a....
15 Фев 2021 в 15:09
Я пытаюсь применить эффект параллакса к изображению .svg, используя useRef() для захвата bubblesRef и translateY() onScroll. Параллакс работает, но когда я перехожу на следующую страницу, я получаю сообщение об ошибке «TypeError: Cannot read property 'style' of null». Я думаю, это потому, что addEv....
Я делаю простой pokedex, который должен перечислить всех покемонов 1-го поколения с данными, полученными из https://pokeapi.co/ < / а> Когда я подхожу к экрану, хотя я вижу, что у меня есть все покемоны, когда я печатаю, список начинает циклически повторяться и повторно отображать одну и ту же еди....
12 Фев 2021 в 15:11
Я хотел бы запустить customFunction только после того, как customEffect завершит настройку состояния isReady. И customFunction должен запускаться только один раз, независимо от того, было ли для isReady установлено значение false или true, пока оно .......
Я пробовал следующие 2 метода для удаления обработчика событий, но оба, похоже, не работают Решение 1: const keyBindSearch = useCallback(e => { if ((e.metaKey && e.key === 'f') || (e.ctrlKey && e.key === 'f')) { e.preventDefault() console.log('CTRL F') } }, []) useEffect(()....
У меня проблема с получением данных, и я не знаю, в чем проблема. Взгляните на приведенный ниже код import React from 'react' const App = () => { const [avatar, setAvatar] = React.useState([]); React.useEffect(() => { fetch("https://jsonplaceholder.typicode.com/users") .then((r....
10 Фев 2021 в 20:06
Я пытаюсь создать фильтр данных с помощью перехватчиков React. Я действительно не понимаю, почему этот код создает бесконечный цикл, когда я вызываю setEnteredFilter. LoadedData - это массив, содержащий некоторые объекты, и мне нужны только те объекты, для которых идентификатор соответствует тому,....
Единственный способ заставить мой код работать - вывести предупреждение. Если я попытаюсь исправить предупреждения, он отправит useEffect в бесконечный цикл. Это потому, что я обновляю состояние в useEffect вот так .......
10 Фев 2021 в 04:53
Я получаю данные из Cloud Firestore с помощью этого кода const [profile, setProfile] = useState({}); useEffect(() => { const fetchDoc = async() => { const response = await db.collection("users").doc(id).get(); const data = response.data(); setProfile({...data}); } fetchDoc(); }, []....
8 Фев 2021 в 10:44
Итак, я использую HOC для общих целей обработки ошибок, реагируя следующим образом: import React, { useState, useEffect } from 'react' import Modal from '../../UI/Modal/Modal' const WithErrorHandler = (WrappedComponent, axios) => { const NewComponent = props => { console.log('UseState') ....
7 Фев 2021 в 15:09
Программирование бота Discord на Python. Есть ли способ ограничить количество реакций, которые каждый пользователь может добавить в определенный канал? import React,{useEffect,useState} from 'react' import {AppBar ,Toolbar, Container ,makeStyles,Button, IconButton ,Drawer} from '@material-ui/core' i....
7 Фев 2021 в 13:11
У меня есть компонент, и я хочу получать данные isbn при нажатии кнопки с помощью перехвата реакции useEffect, выполняя get на маршруте ${basicUrl}/editorials/${isbn}, поэтому я написал этот компонент: import React, { Fragment, useState } from "react"; import "./Home.css"; import { V3_BASIC_URL } fr....
Я приношу две вещи. Элемент по идентификатору, а затем комментарии к элементу по идентификатору. Я при запуске npm получаю TypeError: data.comments is undefined Но если я закомментирую <Comment data={itemComments} /> Затем запустите npm start, данные элемента загружаются, и если я раскомментирую....
6 Фев 2021 в 14:43
У меня многостраничное приложение. Когда я щелкаю между дашбордом / глобальным и дашбордом / моими сообщениями, вызывается useEffect. Таким образом, мое приложение постоянно вызывает мою выборку и загружается некоторое время. Является .......
6 Фев 2021 в 00:07
Я использую redux и пытаюсь получить данные, когда мой компонент обновился. Я использую перехватчик useEffect для отслеживания обновления сообщений и получения состояния с помощью useSelector. У меня проблемы, поскольку компонент выполняет бесконечные запросы на выборку вместо одного запроса. К....
3 Фев 2021 в 20:41
Итак, ребята, я работал над своей страницей Landing и Dashboard. Итак, рабочий процесс страницы таков: Пользователь попадает на целевую страницу, где он может выбрать место для вставки в форму или нажать кнопку, чтобы получить все местоположения. Теперь на бэкэнде я создал два API: один для получе....
3 Фев 2021 в 11:46
На этой странице документации React: https://reactjs.org/docs/faq-ajax.html Комментарий к коду говорит ... Примечание: здесь важно обрабатывать ошибки вместо блока catch (), чтобы мы не перехватывали исключения из фактических ошибок в компонентах. ... об обработке ошибок во втором аргументе второго....
1 Фев 2021 в 02:54