How to remove css class outside button click and menu in React?

Question

JavaScript

Please tell me how to write the code correctly when, when clicking outside the navigation area and the button, remove the css class ?!

Answer 1

Hang a click handler on the document, then check the occurrence of the selector, if it is not there, then remove the class

const removeClass= (e) => {
    if (!e.target.closest(".nav")) {
      // remove class
    }
};
useEffect(() => {
    document.body.addEventListener("click", removeClass);
    return () => document.body.removeEventListener("click", removeClass);
});