Is it possible to use findDOMNode and querySelectorAll in React?

Question

React

Faced with the task of removing all classes in certain components of an element, and adding an active class to the current element of the current component, since there is no access to other elements through ref due to the fact that they are in different components, I do this as follows:

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

To what extent is this a normal option and is it generally possible to do this, if not, what alternatives are there?

Answer 1

This approach is very much contrary to the canons of react. No need to access the nodes unless absolutely necessary (usually this is a call to the methods of the input nodes). Use the parent state.