Cualquier idea sobre cómo puedo activar si el usuario ha hecho clic en el elemento principal, pero no reacciono al clic, si el usuario hizo clic dentro del div secundario usando ReactJS. Como en la captura de pantalla, deseo "hacer algo" si el usuario hizo clic en el área negra, pero no reacciono a los clics dentro del cuadro blanco.
Ponga un onClick en el div secundario y haga que detenga la propagación:
const Example = () => { return ( <div onClick={(e) => { // Handle the click for the outer area }}> <div onClick={(e) => e.stopPropagation()}> </div> </div> ) }