从 React 应用程序更新非 React Dom 元素的 CSS 属性

Question

I'm creating a react-based app that will function within a Wordpress page. The app is self-contained for the most part, but I'd like to be able to show/hide a div element on the page that is not part of the react app. If I were doing this with jQuery I could just do:

jQuery(".image_column").css("display","none");

But since I want to call this from a function at a certain point in the react app I'm getting tripped up. It seems like a straightforward thing to do but I'm stumped. Thanks for the help!

Answer 1

I think this is what you need:

document.querySelector(".image_column").style.display = "none"

Answer 2

This was a silly one on my part. The answer was to add "window." Once I did that everything worked. I'll leave this question up in case someone else has a temporary issue of seeing the simple answer!

In my case, with Wordpress, I needed to reference jQuery and not $. So it looks like:

window.jQuery(".entry-content").css("display","none");