Как в React, в зависимости от state, сделать блоку display:none?

Question

[Иван Гришов]

Добрый день. Подскажите, как в реакте сделать условную отрисовку, я делаю через тернарный оператор, но блок убирается из DOM, а мне нужно, чтобы он оставался, просто ему бы добавлялся display: none.

Во vue есть похожий функционал v-if и v-show. v-if убирает из DOM, а v-show добавляет display:none

Спасибо за ответ.

Comments

[WbICHA]

я делаю через тернарный оператор, но блок убирается из DOM, а мне нужно, чтобы он оставался, просто ему бы добавлялся display: none.

В чём проблема сделать всё тоже самое, но исключительно для стиля / класса?

[Иван Гришов]

WbICHA, так и сделал, спасибо

Answer 1

[Владимир]

Просто сделайте проверку, допустим.

upd из комментария:

const [isActive, updActive] = useState(false);

display = isActive ?  'block' :  'none';

Comments

[Andrey Shock]

display = isActive ? 'none' : 'block';

[Владимир]

Andrey Shock, мб даже так

[Иван Гришов]

спасибо всем за совет