@asmut

Как использовать document.querySelector в React?

Добрый день господа и дамы.

Вхожу в React.
Хочу реализовать сдвиг (движение) .

Что делаю:
const hr = document.querySelector('#hr'); //**здесь ошибка сразу
hr.style.transform = 'rotateZ(${(hh) + (mm/12)}deg)';

Получаю: hr is null

Возможно весь подход неверный.
Первое что интересует: document.querySelector - как в React использовать, и верно ли именно так делать?
Второе: правильно ли менять transform прямо так?

Заранее благодарен за помощь.
  • Вопрос задан
  • 66 просмотров
Решения вопроса 1
@8XL
Говорят, что подобное вообще плохой тон в реакте(в райнем случае есть рефы), но я могу ошибаться.
Касаемо querySelector https://ru.reactjs.org/docs/react-without-jsx.html ознакомьтесь, тут про ваш вопрос.

querySelector: почитайте про рефы, они больше про реакт и jsx.
Трансформ меняется <div style={{transform : `rotateZ(${hh...}deg)`> Элемент, который меняете .
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы