¿Cuál sería la mejor manera de acceder a un valor de texto div anidado? Debe poderse hacer clic en el div principal.
<div className='Outer'> <div className='Inner'> <p className='value'>Text Value</p> </div> </div>Quiero acceder al texto de value = 'Text Value';
He pensado en pasar el evento a la función algo así como:
const handleProps = (e: React.MouseEvent<HTMLElement>) => { e.preventDefault(); console.log(e.currentTarget) }Pero esto da una lista de nodos DOM y no estoy seguro de si esa es la mejor manera en React.
He pensado en Refs pero, por lo que puedo ver, es más para entradas, etc., a menos que haya entendido mal.
import {useRef} from React; ... const pValue = useRef(""); ... <p ref={pValue} className='value'>Text Value</p> ... // when can take value: innerHtml, textContent or innerText console.log(pValue.current);//element console.log(pValue.current.textContent);