本机反应:导入具有动态文件名的文件

时间:2019-12-02 17:05:04

标签: json react-native dynamic import require

在React Native中: 我想在运行时使用require导入文件。 例如 let mydata = require('../data/' + new Date().getFullYear().toString() + '.json');

由于我有数百个json文件,因此很难对所有文件进行硬编码。 在角度,您可以只使用上面的代码,它可以工作,但我认为RN需要静态路径。我希望有另一种方法可以做到这一点。 任何帮助表示赞赏!!!

1 个答案:

答案 0 :(得分:1)

这是我遇到的问题之一。如我所知,react的require()仅使用静态url而不是变量,这意味着您必须执行require('/path/file')。这是我的解决方案版本:

const images = {
    profile: {
        profile: require('./profile/profile.png'),
        comments: require('./profile/comments.png'),
    },
    image1: require('./image1.jpg'),
    image2: require('./image2.jpg'),
};
export default images;

不是最佳选择,但是有时您可以摆脱它。