react js、babel、es6を使用してランダムファイルをインポートします。

Question

webpackでランダムな画像を表示する際に問題があります。

1.jpg, 1-cropped.jpg 
2.jpg, 2-cropped.jpg 

などの画像が入ったディレクトリがあります。そこからランダムな画像を取得する必要があります。もし私が手動で各ファイルの参照を追加する必要はないでしょう。そこにいる場合でも - 私は何を理解していない、私はそれだけの生成数を知っていれば、どのように私は

import 1 from '../1.jpg' 

のように、インポートされた変数に参照することができます。どうもありがとう。

Answer 1

これは簡単です。 renderの内部にrequireを使用できます。以下の例のように：

render() { 
    const { 
     someProp, 
    } = this.props 

    const graphImage = require('./graph-' + anyVariable + '.png') 
    const tableImage = require('./table-' + anyVariable2 + '.png') 

    return() 
}