Reactjs変数を画像およびリンクタグに渡す

Question

私はこのコードを使ってレコードを表示しました。私の現在の問題は、以下のコード行のように、画像タグとリンクタグにreactjs値を渡すことができなかったことです。あなたはES6環境を使用している場合、あなたは文字通りのテンプレートを使用することができます

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 (
     <div> 
     {this.state.data.map(function(item, key) { 
      return (
      <li key={key}> 
       {item.name} 
       {item.id} 
       {item.pic} 
       {item.link} 
       <img src=/uploads/{item.pic}></img> 
       <a href="data.php?id={item.link}" tittle="">Next</a> 
      </li> 
     ); 
     })} 
    </div> 
    ); 
    } 
} 

Answer 1

ことを行うための最善の方法であることができるもの

<img src=/uploads/{item.pic}></img> 
<a href="data.php?id={item.link}" tittle="">Next</a> 

。

<img src={`/uploads/${item.pic}`}></img> 

あなたがいないなら、あなたは文字列

<img src={'/uploads/' + item.pic}></img>