Всем Здравствуйте. Есть общий store откуда берется массив передается в

Question

Всем Здравствуйте. Есть общий store откуда берется массив передается в

компонент и мапится. Проблема в том что когда в store обновляются данные то данный компонент тоже ререндерится. Как можно сделать что бы компонент ререндерился (данные мапились) только если новые пропсы ??? Подскажет кто ?

#frontend #javascript #programming #react.js #russian

0

29.06.2022

16 ответов

9 просмотров

Sergey Grishchenko

А что за стор?

0

29.06.2022

Azamat

А что в массиве очень много данные?

0

29.06.2022

Иван Завалинич Автор вопроса

Viktor Moskalev
react memo это не оно?

Memo в компоненте не помогает. А на вызов ( const a = memo(() => someA);) не работает. Говорит что ребёнок не реакт. Я того и подумал что что-то не так делаю.

0

29.06.2022

Sergey Grishchenko

Sergey Grishchenko
А что за стор?

Это какой-нибудь редакс или что?

0

29.06.2022

Иван Завалинич Автор вопроса

Viktor Moskalev
react memo это не оно?

Store от mobx

0

29.06.2022

Viktor Moskalev

Иван Завалинич
Memo в компоненте не помогает. А на вызов ( const...

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

0

29.06.2022

Sergey Grishchenko

Иван Завалинич
Store от mobx

Ты хочешь, чтобы компонент, который рендерит массив твоих элементов, не реагировал на изменения этого массива?

0

29.06.2022

Иван Завалинич Автор вопроса

Viktor Moskalev
ну так сделайте реактом небось не разметку вернули

Так оно и так все реактом сделанно. У меня вопрос больше в том можно ли как-то сделать так что бы компонент ререндерился только если новые пропсы, а если старые то игонрить.

0

29.06.2022

Sergey Grishchenko

Да, обернуть компонент в React.memo и убрать подписки на стор из тела компонента

0

29.06.2022

Иван Завалинич Автор вопроса

Sergey Grishchenko
Да, обернуть компонент в React.memo и убрать подпи...

Подписок* никаких нет. В компоненте только мапится массив которые передается с родителя где обявляется Стор. Если этот вариант const comonentMemo = memo(() => <component data={store.data} />); То такая ошибка: Objects are not valid as a React child (found: object with keys {$$typeof, type, compare}). If you meant to render a collection of children, use an array instead. Когда внутри компонента только один мапер data и все.

0

29.06.2022

Sergey Grishchenko

Иван Завалинич
Подписок* никаких нет. В компоненте только мапится...

Компоненты ведь с большой буквы у тебя называются?

0

29.06.2022

Иван Завалинич Автор вопроса

Sergey Grishchenko
Компоненты ведь с большой буквы у тебя называются?

Да ... )

0

29.06.2022

Fred

Иван Завалинич
Подписок* никаких нет. В компоненте только мапится...

не делай мап внутри компонента, лучше созда компонент const A = () => <div>{name}</div> а в родителе сделай const B = () => ( <> {arr.map(data) => ( <A name={data.name} /> )) </> )

0

29.06.2022

Sergey Grishchenko

Fred
не делай мап внутри компонента, лучше созда компон...

Ну подозреваю, что тогда нужно будет именно этот компонент мемоизировать)0

0

29.06.2022

Fred

Sergey Grishchenko
Ну подозреваю, что тогда нужно будет именно этот к...

ну и компонент export default memo(A);

0

29.06.2022