Вопросы, связанные с использованием useEffect, хука reactjs.

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

Я пытаюсь получить некоторые данные из API. Когда я консолью данные, все работает нормально: import axios from 'axios'; export default function Model() { const url = "api.blabla.com/blabla" const [model, setModel] = useState() useEffect(() => { const axiosPosts = async () => {....
10 Окт 2021 в 13:12
Извините, я только начал изучать хуки. Я не могу правильно это написать: при загрузке страницы необходимо получить из localStorage значение ключа appData и поместить его во вход. import './App.css'; import { useState, useEffect } from 'react'; export default function App() { const [appData, setV....
8 Окт 2021 в 19:50
Я пытаюсь создать функциональный компонент React с помощью Typescript, который будет получать данные из API, а затем отправлять эти данные в другой компонент, однако я получаю сообщение об ошибке «Ошибка: слишком много повторных отрисовок. React ограничивает количество отрисовок. чтобы предотвратит....
Я хочу обновить рендеринг при изменении специального свойства. Это имущественный доход от родителей. Я сделал useState под названием loader для обработки кодов, когда у меня есть данные или нет. если загрузчик ложный, мой код вызывает API, и если это правда, данные рендеринга. Прежде всего, я ис....
30 Сен 2021 в 11:39
interface MyValue { //interface declaration } export function MyComponent { const [myvalue, setMyvalue] = useState<MyValue>() useEffect(() => { setMyvalue(passedData) }, [passedData]) function getAutofocus() { // return true/false based on myvalue....
Я настроил состояние, чтобы изменить цвет моего фона const [bgClr, setBgClr] = useState('white'); Кнопка, цвет фона которой необходимо изменить, называется <Button onClick={AnnualHandler} variant="outline-light" style={{ background: {bgClr} }}> <div ....
25 Сен 2021 в 17:27
В следующем примере я использовал history для перенаправления некоторой ссылки. const history = useHistory() useEffect(() => { history.push(`/my/link`) }, []) Затем react жалуется на отсутствие зависимости history. Я не понимаю, почему history может быть здесь зависимостью. Это не переменная st....
24 Сен 2021 в 02:30
Я работаю над своим первым проектом React, и у меня возникла следующая проблема. Как я хочу, чтобы мой код работал: Я добавляю элементы в массив, доступный по контексту (context.items) Я хочу запустить функцию useEffect в компоненте, где отображаются context.items, всякий раз, когда значение изменя....
У меня проблема. просматривал здесь некоторые вопросы, но, похоже, у меня не работает. Я получаю эту ошибку на своих трех страницах, когда использую useEffect. Это код моего useEffect const UserDetailsPage = () => { const classes = useStyles() const [userData, setUserData] = useState({ ....
22 Сен 2021 в 08:44
Я хочу получать местоположение устройства каждые 7 секунд, чтобы установить состояние с текущими значениями местоположения. Я создаю цикл while в хуке useEffect и использую setTimeot для ожидания 7 секунд. Но цикл while никогда не выполняется. Что плохого в таком подходе и как решить проблему? co....
Я пытаюсь обновить State Hook после события щелчка. Однако ссылка BrowserRouter вокруг моего экземпляра компонента переопределяет его функцию onClick. Но когда я удаляю «Связь с», состояние успешно обновляется и печатается в консоли. В конце концов, я хочу иметь возможность передавать обновленное с....
Я создал следующие вспомогательные функции, потому что функциональные компоненты в React не имеют событий монтирования и размонтирования. Меня не волнует, что говорят люди; useEffect не является эквивалентом. Это может быть так, как я демонстрирую ниже: //eslint-disable-next-line export const use....
17 Сен 2021 в 22:42
Я пытаюсь сделать простой setState на кнопке со счетчиком и применить другой цвет фона в зависимости от его состояния. Он отлично работает для первых трех нажатий кнопок, после четвертого и так далее: counter журнал Вот код: useEffect(() => { const changePower = () => { if (power === 'on....
16 Сен 2021 в 13:10
Для начального рендеринга у меня есть объект date, который представляет собой пустой массив. Затем я пытаюсь получить данные из InfxDB, но результат не отражается React при повторном рендеринге. Функция get вызывается в useEffect (вы можете видеть это на скриншотах). Я использую машинописный текс....
15 Сен 2021 в 17:57
У меня такое состояние React, инициализированное пустым массивом при инициализации компонента. const [upcommingDates, setUpcommingDates] = useState([]); И эта календарная составляющая зависит от этого состояния. (Это компонент chld нашего основного компонента и имеет эту зависимость состояния) <Ca....
15 Сен 2021 в 00:08
Я отображаю информацию из API, но мне также нужно отобразить новую информацию, добавленную с помощью веб-формы. Я сделал эту форму, чтобы добавить простую информацию в виде объекта из API. Как я могу отобразить здесь данные, добавленные из этой формы? function FormPage({ setData }) { const [na....
14 Сен 2021 в 12:53
Это мой код: import React, { useState, useEffect } from "react"; import axios from 'axios'; function App() { const [arrName, setName] = useState(); useEffect(() => { axios.get('URL') .then( response => { // console.log( response.data ) setName( response.da....
10 Сен 2021 в 15:25
I have fetched an fake api using fetch on ProductList.js file and when I click on any of the white hovered blocks I want to send the same data to ProductDetail.js. So for this I am checking the pathname and again fetching data on ProductDetail.js and matching the title using find method. So in the c....
Я получил "," (запятая) ожидаемая ошибка из данных: {... sample.data, res.data} ошибка указывает на точку "." из res.data useEffect(()=>{ axios.get('http://localhost:1234/hello').then((res)=>{ {console.log(res.data)} setSample({ ...sample, data: {.......
8 Сен 2021 в 07:02
У меня есть категории, и в каждой категории есть подкатегории, и я хочу установить в качестве словаря {category1.name: [/*list of all subcategories*/], category2.name: [...]} И я имею useEffect(()=>{ Axios.get("http://localhost:3001/categories/get").then((p) => { /* return a list of categori....
8 Сен 2021 в 06:01
Я использовал три useEffect для управления различными состояниями и добавления / удаления слушателей событий. Но я не уверен, что это лучшая практика или нет? useEffect(() => { window.addEventListener('keydown', keyPressHandle) return () => { window.removeEventListener('keydown', key....
6 Сен 2021 в 17:41
У меня есть приложение, созданное для моих исследований React Native. Закончив, я добавил несколько презентационных экранов и добавил 'react-native-onboarding-swiper', что показалось мне самым простым способом, который я нашел. Я также добавил '@react-native-async-storage/async-storage', перед доб....
Итак, у меня есть домашний экран, который отображает модальный компонент. Я использую некоторые состояния для модальной видимости. Однако проблема в том, что когда я перехожу с модального окна на другой, а затем обратно на домашний экран, модальное окно все еще открывается, и я не могу понять, как....
Описание проблемы Я создаю плейлист с помощью Soundcloud API и сталкиваюсь с проблемой при нажатии на кнопки «следующая / предыдущая» для перехода к следующей песне. Первоначальная песня успешно извлекается с помощью ловушки useEffect, но я не знаю, как вызвать эту ловушку снова, когда метод onCli....
3 Сен 2021 в 19:28
Я создаю приложение для чата в React, используя socket.io. Мне не нужно, чтобы следующий useEffect () запускался более одного раза, и то, что это предупреждающее сообщение просит меня решить, будет противоречить моему намерению установить обработчик сообщений сокета только один раз: У React Hook us....
3 Сен 2021 в 05:40