0

Есть state в котором есть свойство cartProducts, значением которого является массив из объектов (товары магазина).

введите сюда описание изображения

есть компонент input при помощи которого можно менять кол-во одного товара. введите сюда описание изображения

вот собственно сам этот компонент input. Проблема в чем: так как в useSelector приходит не значение, а массив с объектами, это означает что при любом изменении компонент будет перерендерен. Так оно и происходит, при нажатии на один input, обновляются все. Как сделать так, чтобы обновлялся только тот input, у которого в объекте менялось свойство count

введите сюда описание изображения

1 ответ 1

0

Ваши компоненты обновлются из-за того, что обновляется родительский компонент, потому, что в компоненте ProductInput обновлется только когда изменяется count, props или происходит ререндер родительского компонента. Вы можете обернуть компонент ProductInput в HOC React.memo. Prop id, как я понимаю не будет меняться, но это позволит не обновлять дочерние компоненты. Хоть и будет бесполезная проверка на идентичность prevProps и currentProps, но при таком раскладе также можно использовать React.memo

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.