Всем привет, есть задача отрисовать древо, есть 2 компонента (А

Question

Всем привет, есть задача отрисовать древо, есть 2 компонента (А

и B). Делаю это так, внутри компонента A рендерю компонент B.

Компонент B внутри рендерит сам себя, в случае если есть вложенность.

Внутри компонента А есть много стейтов, которые могут обновляются, это вызывает перерендер (древо очень большое) и все тормозит.

Вопрос, как можно сделат так, чтобы древо отрендерилось только 1 раз и далее уже не обновлялось при изменении стэйта?)

P.S. Сейчас компоненты существуют в 1 файле, но как 2 отдельных компонента

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

0

18.12.2020

8 ответов

10 просмотров

Timur 👨‍💻 Автор вопроса

Dominic
мемоизируй компоненты B

const compB = useMemo(({data}) => { ...code }, []) ты про такой метод?)

0

18.12.2020

Андрей Звёздочка

React.memo

0

18.12.2020

Timur 👨‍💻 Автор вопроса

Андрей Звёздочка
React.memo

сделал вот так, не помогло, компоненты лежат в одном файле CompB => ({data}) => { ...code <CompB1 /> } CompB1 => memo(CompB) CompoA => () => { return <CompB1 /> }

0

18.12.2020

Андрей Звёздочка

Timur 👨‍💻
сделал вот так, не помогло, компоненты лежат в одн...

Пропы передаёте?

0

18.12.2020

Timur 👨‍💻 Автор вопроса

Андрей Звёздочка
Пропы передаёте?

Да

0

18.12.2020

Андрей Звёздочка

Timur 👨‍💻
Да

Посмотрите в доке как работает react.memo. Если в кратце, то пропы не должны меняться, чтобы не было ререндеринга. Иначе нужно передавать второй аргумент в memo

0

18.12.2020

Dmitriy Shuleshov

компонент B мапаешь?

0

18.12.2020

Dominic · Accepted Answer

Dominic

мемоизируй компоненты B

0

18.12.2020

169 похожих чатов

Всем привет, есть задача отрисовать древо, есть 2 компонента (А

8 ответов

Похожие вопросы