A
стор
=ты имеешь в виду редакс?
=ты имеешь в виду редакс?
да
А можно примеры?
Я пробовал использовать коллбек, но приложение выдавало ошибку что ререндеров больше чем в предыдущий раз, или что-то такое
Size: a a a
2021 January 27
A
можно скрины кода ггде оно у вас не так работает
T
он не может медленно работать.... У тебя либо ошибка в логике, либо огромные вычесления
у меня такой код
первый консольлог выдает 0.01 сек
второй - 0.2 сек
console.time('newstate');
const newState = [
...testResults.map((i) =>
i.Id === e.key
? {
...e.data,
isModified: true,
}
: i
),
];
console.timeEnd('newstate');
console.time('setstate');
setTestResults(newState);
console.timeEnd('setstate');первый консольлог выдает 0.01 сек
второй - 0.2 сек
A
он не может медленно работать.... У тебя либо ошибка в логике, либо огромные вычесления
полностью согласен
AG
а где он?
AG
где этот код?
в рендере?
в рендере?
A
у меня такой код
первый консольлог выдает 0.01 сек
второй - 0.2 сек
console.time('newstate');
const newState = [
...testResults.map((i) =>
i.Id === e.key
? {
...e.data,
isModified: true,
}
: i
),
];
console.timeEnd('newstate');
console.time('setstate');
setTestResults(newState);
console.timeEnd('setstate');первый консольлог выдает 0.01 сек
второй - 0.2 сек
это просто обновление данных, оно даже примерно не опишет проблему
AG
код компонента родителя и компонента ребенка в студию
И
у них очень крутой туториал, прям праздник какой-то
A
у меня такой код
первый консольлог выдает 0.01 сек
второй - 0.2 сек
console.time('newstate');
const newState = [
...testResults.map((i) =>
i.Id === e.key
? {
...e.data,
isModified: true,
}
: i
),
];
console.timeEnd('newstate');
console.time('setstate');
setTestResults(newState);
console.timeEnd('setstate');первый консольлог выдает 0.01 сек
второй - 0.2 сек
Нельзя обновлять просто так стейт в рендере и методах жизненного цикла
AG
у меня такой код
первый консольлог выдает 0.01 сек
второй - 0.2 сек
console.time('newstate');
const newState = [
...testResults.map((i) =>
i.Id === e.key
? {
...e.data,
isModified: true,
}
: i
),
];
console.timeEnd('newstate');
console.time('setstate');
setTestResults(newState);
console.timeEnd('setstate');первый консольлог выдает 0.01 сек
второй - 0.2 сек
у тебя каждый рендер newState заного пересобирается
T
это в функции, забыл две строки добавить
T
const onRowUpdated = (e) => {
console.time('newstate');
const newState = [
...testResults.map((i) =>
i.Id === e.key
? {
...e.data,
isModified: true,
}
: i
),
];
console.timeEnd('newstate');
console.time('setstate');
setTestResults(newState);
console.timeEnd('setstate');
};AG
а она у тебя где вызывается?
T
и функция дальше прокидывается в компонент таблицы, где вызывается при изменении ячейки
И
const onRowUpdated = (e) => {
console.time('newstate');
const newState = [
...testResults.map((i) =>
i.Id === e.key
? {
...e.data,
isModified: true,
}
: i
),
];
console.timeEnd('newstate');
console.time('setstate');
setTestResults(newState);
console.timeEnd('setstate');
};[...testResults.map(...)] — достаточно бесполезный способ погреть процессор. map уже возвращает новый массивT
да, согласен. Поправлю
AG
это в виртуальном компоненте у тебя работает?
A
проблема можкт быть как в использовании внутри этой функции так и в том что используется она чаще чем обновляются данные
используйте в setState коллбек функцию для изменения
используйте в setState коллбек функцию для изменения
AG
тебе надо избавиться от пересоздания огромных массивов данных