React.js — return null vs display: none?

Question

[KnightForce]

Что быстрее по производительности для сокрытия элемента, return null или display : none?

Answer 1

[Хазрат Гаджикеримов]

Я думаю что return null внесет изменения в DOM, а если быть точнее, то удалит элемент, тогда как установка CSS свойства либо добавление CSS класса hide с CSS свойством display : none быстрее скроет элемент, потому что нет необходимости изменять DOM.

Это мои догадки, а так пойду поищу доказательство/опровержение моих догадок.

Comments

[KnightForce]

Читал на одном англ. форуме, что быстрее return null, вот, захотелось уточнить.

[Islam Ibakaev]

KnightForce: ссылочку можно

[KnightForce]

Islam Ibakaev: https://discuss.reactjs.org/t/conditional-renderin...

[Хазрат Гаджикеримов]

KnightForce: Там дан четкий ответ, если вам нужно часто отображать и скрывать, то лучше установка класса, а иначе, если элемент изначально скрыт, то null