导入随机文件，使用react js，babel和es6

Question

我在使用webpack显示随机图像时遇到问题。我有一个目录，有几个图像，如

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

我需要从那里获取随机图像。如果我不需要为每个文件手动添加引用，那会更好。但如果有 - 我无论什么都不明白，我怎样才能引用导入的变量，比如

import 1 from '../1.jpg'

如果我只知道它的生成数量。非常感谢。

Answer 1

这很容易。您可以在require中使用render。如下例所示：

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

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

    return ()
}