title: No able to display image using a variable
body: <p>I stored the image name in localstorage.</p>
  
  <p>My local Storage data is:</p>
  
  <pre><code>Key:contact
  data:[{"id":1,"name":"","query":"","image":"'./Koala.jpg'","price":""}]
  </code></pre>
  
  <p>My code is below</p>
  
  <pre><code>  return ( 
          &lt;React.Fragment&gt;
              &lt;h2&gt;Products Cataloge.&lt;/h2&gt;
              &lt;div className="container" id="con"&gt;
                  &lt;div className="row"&gt;
                      {this.state.comment.map((item,index)=&gt;(
                          &lt;div className="col-md-4" &gt;
                              &lt;div className="card" id="card1" &gt;
                                  &lt;img className="card-img-top" src={require(item.image)} alt="Card image"/&gt;
                                  &lt;div className="card-body"&gt;
                                      &lt;h4 className="card-title"&gt;{item.name}&lt;/h4&gt;
                                      &lt;Link to={`/description/${item.id}`} &gt;&lt;button className="btn btn-primary"&gt;View Discription&lt;/button&gt;&lt;/Link&gt; 
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
          ))}
                  &lt;/div&gt;
             &lt;/div&gt;
          &lt;/React.Fragment&gt;
       );
  </code></pre>