title: How to make image clickable and redirect to its introduction value page in Reactjs
body: <p>I have called an api then pick let says drinks. i picked drink name and images. Now i need to find the details about that drink.On clicking in this image it show about that . which all these think are present in the api. But i dont know how to do it.</p>
  <pre><code>import React from &quot;react&quot;;
  
  
  const DrinkList = (props) =&gt; {
  
    // const handleTextShow
    return (
      &lt;&gt;
        {props.drinks.map((drink, index) =&gt; (
          &lt;div&gt;
            &lt;img
              src={drink.strDrinkThumb}
              alt=&quot;drink&quot;
              width=&quot;300&quot;
              height=&quot;300&quot;
              onClick={handleTextShow}
            &gt;&lt;/img&gt;
          &lt;/div&gt;
        ))}
      &lt;/&gt;
    );
  };
  
  export default DrinkList;
  
  </code></pre>
  <p>strDrinkThumb shows photo about that and details be strDetails.</p>