Можно ли использовать связку findDOMNode и querySelectorAll в React?

Question

[xXRustamXx]

Столкнулся с задачей удалить все классы в определенных компонентах у элемента, и добавить активный класс в текущий элемент текущего компонента, т.к нету доступа к другим элементам через ref из-за того что они находятся в разных компонентах, я делаю следующим образом:

let titles = ReactDOM.findDOMNode(this).parentNode.parentNode.querySelectorAll('.wrp_desk_title textarea');
    titles.forEach( item => {
      item.classList.remove('title_active');
    });

На сколько это нормальный вариант и вообще можно ли так делать, если нет то какие альтернативы есть?

Comments

[Антон Спирин]

Задача какая? По-хорошему такие вещи надо менять с помощью state в методе render.

Answer 1

[abberati]

Такой подход очень сильно противоречит канонам реакта. Не нужно обращаться к нодам без крайней необходимости (обычно это обращение к методам нод инпутов). Используйте стейт родителя.

Comments

[xXRustamXx]

Вот я из-за этого сюда и написал, ну вот прям вообще не хочется из-за одной плашки добавлять state в redux store

[abberati]

Плашка — это не для стора. У вас должен быть родительский компонент, управляющий плашками через свой стейт.