How to use document.querySelector in React?

Question

React

Good afternoon gentlemen and ladies.

Entering React.
I want to implement a shift (movement).

What I do:
const hr = document.querySelector('#hr'); //**error here immediately
hr.style.transform = 'rotateZ(${(hh) + (mm/12)}deg)';

I get: hr is null

Perhaps the whole approach is wrong.
The first thing that interests me: document.querySelector - how to use it in React, and is it right to do it that way?
Second: is it right to change transform just like this?

Thanks in advance for your help.

Answer 1

They say that this is generally a bad tone in react (in the worst case, there are refs), but I could be wrong.
Regarding querySelector https://ru.reactjs.org/docs/react-without-jsx.html , read about your question here.
querySelector: read about refs, they are more about react and jsx.
Transform changes The element you are changing . <div style={{transform : `rotateZ(${hh...}deg)`>