Estoy haciendo aprendiendo react y quiero entender el hook useRef() pero hay algo que no me queda claro y donde si se puede utilizar y donde no ya que el tener este codigo en react y yo quiero acceder solamente al segundo elemento span:
import './presentation.css'
export function Presentation () {
const secText = useRef(null)
useEffect(() => {
const textSecond = secText.current
console.log(textSecond.current)
}, [])
return (
<>
<div ref={secText} className='conteiner-presentation'>
<span className='text first-text'>Yo soy </span>
<span className='text sec-text'> Facundo Romo</span>
</div>
</>
)
}
lo cual funciona pero en la consola me lanza el siguiente error pero no lo termino de entender y buscando en internet no encontre algo que me pueda explicar una forma de acceder a ese elemento span unicamente