Не обновляется компонент после props, почему?

Question

[Hlib]

Здравствуйте, есть код, который принимает некие товары в пропсе.
Когда нажимаешь на кнопку 'добавить товар' то он добавляет его в корзину в redux.
При добавлении все работает отлично, однако неполадка с удалением из корзины.
Удаленные элементы пропадут из интерфейса только тогда, когда будет добавлен новый товар

С самим редаксом все вроде бы хорошо, он удаляет и добавляет элементы правильно, возвращает не мутировавший, а новый объект:

return {...cartInfo};

Вот так создаются элементы корзины:

useEffect(()=>{
        setList(props.cart.map((item, index) =>{
            return <OpenCartElement info={item} />
        }))
        
    },[props])

В чем может быть проблема?

Answer 1

[Hlib]

Спасибо всем, кто помогал, дело было в том, что в редьюсере, я просто мутировал старый массив, вместо того чтобы передавать новый
Как было:
cartInfo.goodInfo.splice(i, 1);
Как стало:

cartInfo.goodInfo.splice(i, 1);
cartInfo.goodInfo = [...cartInfo.goodInfo];

Answer 2

[Robur]

Для начала проверьте срабатывает ли эффект при удалении.

Comments

[Hlib]

Проверил, не срабатывает

[Robur]

тогда проверьте меняются ли вообще пропсы и срабатывает ли рендер

[hzzzzl]

Hlib, и key забомби в компонент

setList(props.cart.map((item, index) =>{
   return <OpenCartElement key={index} info={item} />
}))

[Hlib]

hzzzzl, Уже сделал)
Просто забыл перед постом исправить

[hzzzzl]

Hlib, а если слушать [props.cart] в useEffect? props-то как был объектом так им и остается

[Hlib]

Robur,
1. Изначальное состояние
2. Нажал на кнопку Добавить в корзину
3. Нажал на кнопку Убрать из корзины
Страница при это не перерендерилась

[Hlib]

hzzzzl, Пробовал даже props.cart.length, не перерендеривается

[hzzzzl]

Hlib, это же cart.goodInfo.map(......), а cart - объект, а не массив?

[Hlib]

hzzzzl, cart - объект, да

[Hlib]

h88p, Ноуп, все по старому