title: Passing Reactjs variable to Image and link Tags
body: <p>I used this code below to display records. but my current problem is that i could not pass the reactjs values to Image tag and link tag as per line of code below.</p>
  
  <pre><code>&lt;img src=/uploads/{item.pic}&gt;&lt;/img&gt;
  &lt;a href="data.php?id={item.link}" tittle=""&gt;Next&lt;/a&gt;
  </code></pre>
  
  <p>what could be the best way to do that</p>
  
  <pre><code>class App extends React.Component {
    constructor(){
      super() 
        this.state = {
          data: []
        }
  
    }
    componentDidMount() {
      $.ajax({
         url: "jeck.php",
         type: "GET",
         success: function(data) {
  
           this.setState({data: data});
         }.bind(this),
         error: function(jqXHR) {
           console.log(jqXHR);
         }.bind(this)
      })
    }
    render() {
      return (
        &lt;div&gt;
          {this.state.data.map(function(item, key) {
            return (
              &lt;li key={key}&gt;
                {item.name}
                {item.id}
                {item.pic}
                {item.link}
                &lt;img src=/uploads/{item.pic}&gt;&lt;/img&gt;
                &lt;a href="data.php?id={item.link}" tittle=""&gt;Next&lt;/a&gt;
              &lt;/li&gt;
            );
          })}
       &lt;/div&gt;
      );
    }
  }
  </code></pre>