Usó una API y luego hizo visible solo la parte de la foto que menas bebe y al hacer clic, el usuario puede ver los detalles de eso.
strGlass y strDrinkThumb son de api. pero no corriendo.
comentar la parte onclick funciona bien.
ahora usando la función onlick desaparece todo
import React from "react"; // import index from "./src" const DrinkList = (props) => { const handleTextShow = (drinkDetail) => { console.log(drinkDetail); }; return ( <> {props.drinks.map((drink, index) => ( <div> <img src={drink.strDrinkThumb} alt="drink" width="300" height="300"> {/* hello */} onClick={() => handleTextShow(drink.strGlass)} </img> {/* <h4> {drink.strInstructions} </h4> */} {/* <Details /> */} </div> ))} </> ); }; export default DrinkList;