169 похожих чатов

Добрый день Есть некоторые глюки при работе с useSWR: function Component(){

const {data} = useSWR('/api/path',fetcher) //получаем список объектов

useEffect(()=>{
console.log(data) // данные отображаются
},[data])

const handleClick = () => {
/......./
console.log(data) <-- data undefined
/....../
}

return (
<>
<Button onClick={handleClick}>Action</Button>
<ComponentForDisplayData data={data}/>
</>
)
}

Запрос отправился и данные отобразились в компоненте. Но при нажатии на кнопку -> data=undefined... Почему?....

24 ответов

18 просмотров

оберни функцию в useCallback

Какую? Обработки клика?

да и в не забудь data в массиве колбэка указать

const handleClick = useCallback( () => { /......./ console.log(data) <-- data undefined /....../ },[data]) data все равно undefined

тут в чём-то другом проблема. попробуй воспроизвести на codesandbox

Попробуй небольшой хак, пробрось данные в функцию клика на прямую

Странно... В сандбоксе работает...

вот теперь надо смотреть, в чём различие) у меня так же бывает часто, пытаешься воспроизвести и всё работает

На нет все тоже самое. Адрес другой только.... Или react-table что-то с данными делает....

такое ощущение что кешируется как-то коллбэк с первым значением data, а оно - undefined

может Button компонент кеширует?

Button это просто кнопка в onClick котого повешена стрелочная функция. В этой функции идет обращение к data

Вот получается при первом рендере data=undefined. Если переключить страницу на другую и потом вернуться то data уже есть данные

у тебя случайно компонент в memo не обёрнут?

Нет

идеи кончились)

memo только внутри компонета используется

попробуй без него

у тебя реактивность не реактивная 😳

useMemo использован для react-table

Вот что интересно: Я использую react-table Колонки определены так: ``` const columns = useMemo(()=>[ ....... { Header: '', id: 'action', Cell: ({row}) => (<Button color={"primary"} outline className={"ml-1"} onClick={()=>handleClick(row.original.id)}>Action.....</Button>) } ],[]) И у кнопки такое поведение.... Разместил для теста кнопку с имитаций нажатия. Отрабатывает всегда корректно

Ну собственно вот так: const columns = useMemo( ()=>[ ....... { Header: '', id: 'actions', Cell: ({row}) => (......) } ],[data] ) Все работает коректно

Конечно, чем вообще мемоизация должна была помочь

Ререндер не происходит наверное и при инициализации undefined попадает. Хотя там вроде промис. В онлайн редактор залей

Похожие вопросы

Обсуждают сегодня

Добрый вечер. Есть вопрос, а может и предложение. Был у меня диалог в другой группе о делфи и я задался вопросом: "А нельзя ли в делфи цвет //коментария и {комментария} сде...
Kraszx
24
Всем привет! Подскажи, пожалуйста, как передать в TComboBox сразу значение и id записи. На Delphi я делал так: ComboBox1.Items.AddObject('Какое-то значение', Pointer(id запис...
Евгений
13
Мдя, прикол, боевая сборка запускается (именно под отладчиком) после F9 примерно полторы минуты (97 секунд если быть точным). Начал копать - проблема детектится сразу - зависа...
Александр (Rouse_) Багель
38
Здравствуйте, вопрос по структурам данных. Были у вас случаи, когда пришлось писать деревья или двунаправленные списки?
/ /
50
Товарищи, кто работа с iphelper? Или может я в самой логике ошибки фигачу, не пойму.... var ifTable : PMIB_IFTABLE; size, corSize: DWORD; Buffer ...
Warfarellen
4
я так понимаю, я так подозреваю, что создание такого плагина для человека, кто умеет писать плагины для делфи потребует минут 5-10 времени. но это мое подозрение. хотелось бы ...
Kraszx
7
Коллеги, добрый вечер. Создаю коллекцию от TFPGMap, ключ - перечисление, значение - целое. Нужно отсортировать коллекцию по значению. Как это можно сделать?
Kirill Filippenok
11
Скажи а ты когда этот канал создавал ты уже дельфи не любил, или это со временем пришло?
Роман Лях (rgreat)
18
Привет, такой вопросик появился кажется ли вам что Rust слишком сложный/строгий для высокоуровневого программирования и слишком "безопасный"/строгий для низкоуровневого?
Крокант
10
Всем привет! Использую кастомное модальное диалоговое окошко, все по классике - mrOK, mrCancel как ModalResult. Однако есть нюанс - в главной форме есть универсальный обработч...
Олег Гранишевский
20
Карта сайта