Actualmente estoy tratando de crear una página web que muestre varias imágenes, y cuando paso el mouse sobre cada imagen, mostrarán un texto diferente según la imagen. Estaba pensando en useState y useEffect, pero no estoy del todo seguro de cómo implementar eso. Mi estructura actual es que tengo una lista con una etiqueta y dentro tengo una imagen.
Probablemente podría usar los eventos integrados onMouseEnter y onMouseLeave y administrar un estado con un objeto que contenga un índice de cada imagen y su información a través de los eventos.
<img src={picture} onMouseEnter={() => //change the state} onMouseLeave={() => //return state back to default}></img>