Tengo esto en reactjs
en un componente funcional:
const searchTitle = useRef(); <FormGroup className={'filterItems p-3 active'} ref={searchTitle}> <div onClick={()=> handleTitleToggle()}> </div> </FormGroup>
Y desea alternar la clase en FormGroup
clic en div.
const handleTitleToggle = () => { searchTitle.current.classList.toggle('active') }
Pero dame error:
TypeError: no se pueden leer las propiedades de nulo (leyendo 'classList')
Pero si uso ref
en div, funciona bien, ¿alguna idea?
<div ref={searchTitle} onClick={()=> handleTitleToggle()}> </div>
si está utilizando MUI FormGroup Component, asegúrese de que acepte ref y cuando tenga una cadena de accesorios en su objeto, use el encadenamiento opcional para evitar errores como este
searchTitle?.current?.classList?.toggle('active')