Описание тега use-effect
Вопросы, связанные с useEffect для reactjs hooks api.
0
ответов
useEffect работает до того, как компонент смонтирован в тесте jest
useEffect запускается до монтирования компонента. Кажется, когда я выполняю document.getElementsByClassName для элемента рендеринга, он не определен. Это не условно предоставлено или что-нибудь. Я использую последнюю шутку, с энзимом, настроенным с …
31 май '19 в 21:18
0
ответов
Использование создателей избыточных действий в хуке useEffect
Я хочу использовать useEffect запускать 2 функции (которые являются создателями избыточных действий) - одна функция при монтировании компонента, а другая - при размонтировании, например: // ... function MyComp(props) { function handleSelectItem(item…
16 май '19 в 13:58
3
ответа
React - использовать крючок эффекта - componentDidMount для использования эффекта
Я хотел бы преобразовать это в useEffect крюк: КОД componentDidMount () { this.messagesRef.on('child_added', snapshot => { const message = snapshot.val(); message.key = snapshot.key; this.setState({messages: this.state.messages.concat(message )})…
22 май '19 в 04:05
1
ответ
React Hooks: нажата кнопка "Использовать только с onClick" для обновления кнопки "ВТОРОЕ время"?
Редактировать: забыл важную часть - это заметно, если вы нажмете кнопку рядом с Джеффом А. Менгесом и посмотрите журнал консоли. Важной частью кода является строка "setFullResults(cardResults.data.concat(cardResultsPageTwo.data))" в onClick кода кно…
27 май '19 в 04:35
1
ответ
Как установить useEffect для извлечения данных из API при первом рендеринге с помощью eslint-реагировать на хуки?
Мне нужно вызвать две функции для извлечения данных только при первом рендере. Я использую ответные зацепки в этом проекте. Таким образом, код будет выглядеть примерно так: const Component = (props) => { // init useEffect(() => { const fetchA …
24 май '19 в 15:36
1
ответ
Reactjs, почему useEffect иногда запускается при каждом монтировании / рендеринге, а не просто сначала
У меня есть useEffect в моих маршрутах в App.js <Switch> <Route exact path={['/en', '/fr']} component={HomePage} /> <Route path={['/en/*', '/fr/*']}> <Route path="/:lang/*" component={DefaultLanguage} /> в том же файле (App.j…
17 май '19 в 21:43
1
ответ
Реагировать на useEffect и выполнять итерации по массиву с помощью API-интерфейса Vimeo
У меня есть массив попыток получить четыре эскиза jpgs с помощью API Vimeo. У меня есть массив видео идентификаторов const vimeo = [ "325845565","325846054","325848270","325849439" ] Я использую setState для импорта и использования массивов import v…
22 май '19 в 14:19
3
ответа
Неправильно ли получить API без использования useEffect Hook?
Я делал это таким образом, но некоторые колледжи сказали мне, что я должен использовать useEffect Крюк вместо. Проблема в том, что я не вижу пользы от такого подхода и считаю, что мой подход чище. import React, { useState, useEffect } from "react"; …
20 май '19 в 13:26
0
ответов
Загрузка блесны с хуком реакции useEffect и Redux и без хука useState
Мне нужно иметь загрузочный счетчик для моего компонента. Я использую реагирующий крюк useEffect и потому что я использую reduxЯ не могу использовать useState в этом компоненте. это то, что я получил до сих пор, и это не работает, как ожидалось. imp…
12 май '19 в 08:43
0
ответов
Правило перехватчиков React перехватывает также обязательные функции в массиве useEffect
Так что я получил следующий эффект useEffect(() => { if (disabled) { setAnimatedValue(0); } else { setAnimatedValue(1); } }, [disabled]); Это просто оживляет кнопку в ее включенном или отключенном состоянии, если disabled изменения опоры. Я также…
12 май '19 в 05:41
0
ответов
Как исправить "Uncaught TypeError: обратный вызов не является функцией", выдаваемый ловушкой useEffect
У меня есть проблема с крючком useEffect. В следующем коде первый эффект запускает действие излишка, которое инициализирует базу данных Firebase, и, если вошел пользователь, оно помещает свои данные в хранилище избыточности. Это запускает обновление…
15 май '19 в 09:55
3
ответа
Что означает "переместить эту переменную непосредственно в useEffect" в этом сообщении об ошибке?
Я пытаюсь передать объект через реквизит дочернему компоненту. Значение устанавливается в хуке useEffect и теряется при передаче в мой дочерний компонент. Я попытался установить значение объекта вне ловушки useEffect в отдельной функции, но значение…
15 май '19 в 18:53
2
ответа
Не удается прочитать свойство undefined при использовании реакционных хуков
Я получаю сообщение об ошибке "Не удается прочитать свойство 'map' of undefined", но не могу понять, почему - карта не будет работать, потому что "movies" не определена. Вы видите, что я делаю не так? Большое спасибо. const Dashboard = () => { co…
22 май '19 в 11:43
0
ответов
UseEffect, вызывающий бесконечный цикл
У меня проблема с useEffect, работающим в бесконечном цикле. Я пытаюсь передать данные об активности в мое хранилище контекста, но когда я отправляю данные в редуктор, он входит в бесконечный цикл. Есть идеи? const EditActivityPage = ({ activityId }…
15 май '19 в 19:52
2
ответа
React Hook "useState" вызывается в функции "setResults", которая не является ни компонентом функции React, ни пользовательской функцией React Hook
Я пытаюсь сделать вызов API в функциональном компоненте, который является реакцией, и в зависимости от результата повторно визуализировать содержимое компонента. Вот код: Компонент, который вызывает API- function IntegrationDownshift() { render( <…
05 июн '19 в 17:42
1
ответ
React Hooks useEffect, добавление зависимостей запускает бесконечный цикл
Внутри моего useEffect у меня есть зависимость от реквизита (setIsValid). Когда я добавляю эту зависимость в useEffect, она попадает в бесконечный цикл. Родитель при вызове дочернего компонента: const setIsValid = (bool) => { const tmpStateCopy =…
11 июн '19 в 15:08
3
ответа
Отмените все подписки в функции очистки useEffect, созданной Context.Consumer.
Каждый раз когда onClick выполняет я получил предупреждение об утечке памяти. Как компонент может быть отписан от Context.Consumer в моем функциональном компоненте с useEffect крючок? Я не нашел способ как отписаться от AppContext. AppContext.unsubs…
13 июн '19 в 18:41
2
ответа
React Hooks: useEffect для модального прослушивателя событий
У меня есть модальное диалоговое окно, которое я хочу закрыть, если пользователь нажимает за пределами модального. Я написал следующий код useEffect, но столкнулся со следующей проблемой: Модальное диалоговое окно содержит несколько дочерних элемент…
24 июн '19 в 16:39
1
ответ
Jest - тестирование clearTimeout в хуке useEffect
В моем компоненте кнопки при нажатии я принудительно отключаю кнопку на 500 мс, чтобы предотвратить многократные отправки, а через 0,5 с отключенное состояние возвращается к значению по умолчанию. Несмотря на разные подходы, я получаю две строки код…
28 июн '19 в 16:26
2
ответа
Как запустить эффект React.js при загрузке сторонней библиотеки с помощью useEffect?
Я пытаюсь создать <Drift> компонент, который монтирует сервис чата Drift: Drift.js import React, { useEffect, useState } from 'react' export default function Drift (props) { const [drift, setDrift] = useState(undefined) // Evaluate the drift s…
28 июн '19 в 23:20