Описание тега usecallback

Вопросы с тегом
3 ответа

Реагировать перехватом useCallback для рендеринга карты

При передаче обратного вызова компоненту, я должен использовать useCallback ловушка для возврата запомненного обратного вызова (для предотвращения ненужных рендеров): import doSomething from "./doSomething"; const FrequentlyRerenders = ({ id }) =&gt…
03 май '19 в 05:48
1 ответ

Каков размер кэша для ловушки реакции useCallback и useMemo и почему?

Я смотрю на исходный код React и конкретно на useCallback реализация. Насколько я понимаю размер кеша useCallback это один. В mountCallback мы инициализируем hook.memoizedState в массив, где первый элемент является callback - первый параметр useCall…
30 авг '19 в 17:53
2 ответа

NoneUse LoopCallback - хук useCallback для компонентов, созданных внутри цикла

Я хотел бы начать обсуждение рекомендуемого подхода для создания обратных вызовов, которые принимают параметр из компонента, созданного внутри цикла. Например, если я заполняю список элементов, у которых будет кнопка "Удалить", я хочу, чтобы обратны…
26 авг '19 в 21:22
2 ответа

Должен ли я обернуть все функции, которые определены в компоненте в useCallback?

Насколько я знаю, функции, которые определены в функциональном компоненте React, восстанавливаются всякий раз, когда компонент перерисовывается. Поскольку useCallback может быть вызван конкретными зависимостями, это предотвращает ненужную регенераци…
23 июл '19 в 07:10
1 ответ

React useCallback с debounce работает со старым значением, как получить фактическое значение состояния?

Не могу выполнить все условия: Мне нужна какая-то функция внутри useCallback, потому что я установил его как свойства для дочернего компонента (для предотвращения повторного рендеринга) Мне нужно использовать debounce, потому что моя функция являетс…
19 май '20 в 11:49
2 ответа

Состояние не обновляется в React Native

Я делаю страницу уведомлений своего собственного приложения React. Он имеет бесконечную прокрутку и опции "потянуть, чтобы обновить". При входе на страницу он работает, и он также работает с обновлением. Проблема возникает, когда я прокручиваю вниз,…
02 июн '20 в 23:06
1 ответ

Невозможно получить обновленное значение в форме при отправке обратного вызова / Shopify Компонент Polaris React

Краткое описание проблемы Привет, команда! Я новичок в Polaris и пытаюсь создать форму регистрации для реагирования со следующим кодом. import React, { useCallback, useState } from "react"; import { Button, Form, FormLayout, Layout, Checkbox, Card, …
13 июн '20 в 01:24
1 ответ

Можно ли вызвать useCallback внутри другого обратного вызова

В компоненте A: const getOnClick = useCallback( (rec: GenericRec): (() => void) => () => { setSelectedRecord(rec); }, [], ); в компоненте B, дочернем по отношению к A: const openRecord = useCallback( (row: Row<Record>) => () => …
26 авг '20 в 14:10
0 ответов

в useCallback не обновляется значение состояния

Я пытаюсь установить обратный вызов в дочернем компоненте, но при вызове этой функции обратного вызова состояние не обновляется, то есть состояние в исходном состоянии. Почему это так и как решить эту проблему? // calback const resizeColumn = useCal…
22 мар '20 в 14:42
1 ответ

как создать callbackRef с зависимостями

Это сообщение в блоге и официальная документация показывают, как использоватьuseCallback для создания обратного вызова исх. Но ни у кого нет примера случая, когда useCallback имеет зависимости. Как мне это настроить? Например, если я сделаю следующе…
13 сен '19 в 20:58
2 ответа

Изменение функций прослушивателя событий при использовании перехватчиков React

У меня есть компонент, который использует прослушиватели событий в нескольких местах через addEventListener а также removeEventListener. Недостаточно использовать такие компонентные методы, какonMouseMove потому что мне также нужно обнаруживать собы…
30 сен '19 в 10:40
1 ответ

React | реквизиты внутри UseCallBack не обновляются внутри пользовательского хука

Я создал настраиваемый обработчик сообщений, который возвращает ответ API и сообщение API. И я используюuseCallback крючок, чтобы установить Response state Что не так, так это то, чтоPackage prop не обновляется внутри useCallback крючок. Когда я вхо…
08 ноя '19 в 23:19
1 ответ

Почему срабатывает правило lint `react-hooks / excustive-deps` для свойств вложенных объектов?

Я пытаюсь использовать перехватчики React для запоминания обратного вызова. Этот обратный вызов специально использует функцию, определенную для объекта. const setValue = useCallback((value) => { field.setValue(key, value); }, [field.setValue, key…
22 ноя '19 в 07:34
0 ответов

Реагируйте на useCallback вместо useEffect для анимации

Следуя руководству Scrimba по React Hooks, я пытался использовать, useEffect а также useCallbackдля способов предотвращения повторного рендеринга компонента во время requestAnimationFrame. В настоящее время у меня естьPlaygroundкомпонент, который об…
25 окт '19 в 16:00
1 ответ

ReactJS: противодействовать функции, которая имеет в качестве аргумента значение состояния; как лучше всего это сделать?

Я уже заходил по этой ссылке и пытался следовать нескольким примерам: Выполнить дебаунс в React.js Немного контекста: я создаю окно поиска, которое хочу развернуть в NPM. Каждый раз, когда пользователь печатает, функция proponSearchназывается. Это п…
25 дек '19 в 09:40
1 ответ

Перехватчики реакции useCallback зависят от функции

У меня есть функция ниже const handleClick = React.useCallback( (value) => { dispatch({ value }); }, [dispatch] ); Мой вопрос, в моем случае, нужно ли иметь useCallback? как React определяет, изменилась ли зависимость, когда зависимость является …
09 янв '20 в 07:23
1 ответ

useCallback с переданными аргументами

У меня есть <Tabs />компонент в material-ui, у которого есть обработчик для изменения режима. У изменения есть эта подпись (из ссылки): Подпись: function(event: object, value: any) => void событие: Источник события значения обратного вызова…
10 янв '20 в 15:35
1 ответ

Почему useCallback с пустым массивом зависимостей не возвращает ту же функцию?

Я пытаюсь написать собственный перехватчик React, который возвращает функции, поддерживающие равенство ссылок при каждом вызове перехватчика. Это означает, что каждый раз от хука возвращается одна и та же функция, так что сравнение их с=== возвращае…
30 янв '20 в 03:27
0 ответов

React.useCallback() все еще повторно отрисовывает дочерний компонент

1) Я передаю метод обработчика onPaginationChange дочернему компоненту (B) как опору из родительского компонента (A) 2) Я использую хуки useState(), поэтому каждый раз, когда я вызываю setFieldName(), родительский компонент выполняет повторную визуа…
11 мар '20 в 00:58
0 ответов

Как узнать, какие зависимости вызывают перерасчет useCallback / useMemo?

Используя useMemo / useCallback в React, иногда я нахожу много неожиданных рендеров, вызывающих useMemo / useCallback возвращаемое значение. Как я использую React.memo чтобы уменьшить бесполезный рендеринг компонента функции React, React.memoвторой …
25 мар '20 в 06:12