変数は、私が反応するプロジェクトを書いている、と私は、レンダリングJSXにSRC動的IMGSを必要とする場合、ちょうどこのように（ダイナミックが必要です）

Question

が必要です：そう

Uncaught Error: Cannot find module '../../../01_shunfengche.png'.

は、私がrequire.context次のように

var requireContext = require.context("../../../images/",false,/\.png$/); 
var imgsrc = requireContext("01_taxi.png"); 

return (
    <li className="grid"> 
     <a href={category.url}> 
      <div className="image-wrapper"> 
       <img className="logo" src={imgsrc}/> 
      </div> 
      <span className="title">{category.name}</span> 
     </a> 
    </li> 
    ) 

試します

まだ動作しません、誰でも助けてくれますか？

var requireContext = require.context("../../../images",false,/\.png$/); 
    var that = this; 
    var lis = this.props.data.map(function(category,index){ 

     var imgsrc = requireContext("./"+category.img); //here! 

     return (
      <li className="grid" data-value={category}> 
       <a href={category.url}> 
        <div className="image-wrapper"> 
         <img className="logo" src={imgsrc}/> 
        </div> 
        <span className="title">{category.zh_name}</span> 
       </a> 
      </li> 
      ) 
    }); 

は正しいパスが本当に問題を行い書く：

Answer 1

最後に、私はこれを試してみました。