You can mix vanilla js with React. I don’t think there’s any problem with that.
No, it’s not recommended, React uses its own way to update the DOM.
ok, so how to access the dom directly as in vanilla js
You can read all about it on the official docs:
No, it defeats the point of using React. React allows you to do it via refs, but that’s provided as an escape hatch to use if you can’t do it any other way (for example, applying
focus() on an element)
Edit: you already have the logic to render elements right in front of you in the code. You just specify what you want to happen when some event occurs.
What you don’t want to be doing is rendering some HTML with React, grabbing a reference to the element, waiting until it renders, using the ref to select the element using a DOM method like querySelector, then imperatively manipulating the DOM. There’s no point using React if that’s how you’re going to program the UI, just write some HTML