Доступ к элементу DOM с reactjs

Question

У меня есть компонент AntD, и у меня нет доступа к разметке html, чтобы использовать useRef для применения стиля к следующему классу, в зависимости от условия:

span.ant-descriptions-item-content

Вот почему я использовал:

if(my condition) {
  document.querySelector('span.ant-descriptions-item-content').style.background="red"
}

демо : https://codesandbox.io/s/basic-ant-design-demo-fdwxd?file= / index. js

Можно использовать нативный способы доступа к элементу dom, такие как document.querySelector, или существует другой способ сделать это в моем случае?

Answer 1

Как правило, не рекомендуется смешивать различные инструменты, которые обрабатывают изменение способа отображения веб-страницы. Это может привести к непредсказуемому поведению и неправильному обновлению компонентов. Если вы хотите изменить внешний вид компонента с помощью React, вы должны рендерить этот компонент в React.