S
Не в нем же причина, думаю
Size: a a a
2021 March 24
МУ
При вызове deleteProductItem - productItems является пустым массивом. Соответственно и фильтр возвращает пустой массив
почему пустым массивом?
При первом рендере я как раз заполняю массив, и он же и выводится
useEffect(() => {
setProductItems(getProductsItem(5));
}, []);
При первом рендере я как раз заполняю массив, и он же и выводится
Т
А поясните, плз, подробнее, что происходит на самом деле?
Ты не предаешь зависимости в useCallback, он вызывается всегда с изначальными значениями используемых внутри переменных
S
почему пустым массивом?
При первом рендере я как раз заполняю массив, и он же и выводится
useEffect(() => {
setProductItems(getProductsItem(5));
}, []);
При первом рендере я как раз заполняю массив, и он же и выводится
Ну можешь залогировать в deleteProductItem этот массив и убедиться. Но я пока не знаю причины почему так, ищу.
МУ
ща) самому интересно)))
S
Хотя судя по всему догадываюсь, надо проверить
I
Всем привет! Есть такой реакт-код: https://codesandbox.io/s/product-table-and-scroll-qerlp?file=/src/App.js
Проблема: при удалении любой колонки (на скрине показана, как они удаляются) компонент ререндериться (что очевидно, ведь мы же изменили состояние) и в
Вопрос: как сделать так, чтобы пустой массив записывался только при первом рендере компонента?
P.S: я понимаю, что можно с помощью пропсов и useEffect, но мне интересно именно в текущем компоненте
Проблема: при удалении любой колонки (на скрине показана, как они удаляются) компонент ререндериться (что очевидно, ведь мы же изменили состояние) и в
const [productItems, setProductItems] = useState([]); снова записывается пустой массив. Вопрос: как сделать так, чтобы пустой массив записывался только при первом рендере компонента?
P.S: я понимаю, что можно с помощью пропсов и useEffect, но мне интересно именно в текущем компоненте
useState не создает стейт повторно при ререндерах
МУ
IceBerg
useState не создает стейт повторно при ререндерах
в том-то и дело
МУ
Ну можешь залогировать в deleteProductItem этот массив и убедиться. Но я пока не знаю причины почему так, ищу.
да, точняк, хм
S
Ах, кажется понял
S
Минуту
МУ
Ты не предаешь зависимости в useCallback, он вызывается всегда с изначальными значениями используемых внутри переменных
Вот проверил, при удалении колонки useCallback вообще НЕ вызывается
const getProductsItem = useCallback((count) => {
console.log("2.1: ", count);
const getProductsItem = useCallback((count) => {
console.log("2.1: ", count);
I
в том-то и дело
в чем? Я о том, что не он тебе пустой массив создает, проверь свой фильтр
ES
подскажите пожалуйста, у кого есть опыт работы с компонентами antd. Можно ли между шапкой таблицы и первой строкой с данными вставить строку, объединяющую в себе все столбцы (получится один столбец на всю строку). Либо в шапку в самый низ добавить строку с названием?
ES
DP
Подскажите по настройке
Как переместить
tsconfig.json.Как переместить
yaml файлы вместе с компилируемыми файлами ts -> js? ts их игнорит.I
const [productItems, setProductItems] = useState([]);
const deleteProductItem = (id) => {
setProductItems([...productItems.filter((item) => item.props.id !== id)]);
};
const deleteProductItem = (id) => {
setProductItems([...productItems.filter((item) => item.props.id !== id)]);
};
оборачивание в массив спредом здесь лишнее, кстати
МУ
IceBerg
оборачивание в массив спредом здесь лишнее, кстати
да, это я уже понял, мне выше подсказали, спасибо!
S
Так, тут как к голосовухам относятся? Лень много печатать для ответа
E
Всем привет! Есть такой реакт-код: https://codesandbox.io/s/product-table-and-scroll-qerlp?file=/src/App.js
Проблема: при удалении любой колонки (на скрине показана, как они удаляются) компонент ререндериться (что очевидно, ведь мы же изменили состояние) и в
Вопрос: как сделать так, чтобы пустой массив записывался только при первом рендере компонента?
P.S: я понимаю, что можно с помощью пропсов и useEffect, но мне интересно именно в текущем компоненте
Проблема: при удалении любой колонки (на скрине показана, как они удаляются) компонент ререндериться (что очевидно, ведь мы же изменили состояние) и в
const [productItems, setProductItems] = useState([]); снова записывается пустой массив. Вопрос: как сделать так, чтобы пустой массив записывался только при первом рендере компонента?
P.S: я понимаю, что можно с помощью пропсов и useEffect, но мне интересно именно в текущем компоненте
я бы начал с того, чтобы надо переписать нормально - сейчас это даже прочитать тяжело, не говоря уже о том, чтобы понять как оно работает.