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

【问题标题】：Import random file, using react js, babel and es6导入随机文件，使用 react js、babel 和 es6
【发布时间】：2017-06-23 13:43:16
【问题描述】：

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

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

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

import 1 from '../1.jpg'

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

【问题讨论】：

import 是静态的。使用require。

标签： javascript reactjs import ecmascript-6 babeljs

【解决方案1】：

这很容易。您可以在render 中使用require。像下面的例子：

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

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

    return ()
}

【讨论】：