繁体   English   中英

在本机中动态要求json文件(来自数千个文件)

[英]Require json file dynamically in react-native (from thousands of files)

到目前为止,我用谷歌搜索并试图找出解决方案,但还没有。

我知道require()仅适用于静态路径,因此我需要其他方法来解决我的问题。 我在这里找到了这个答案但是对于成千上万的资源却没有意义。

请告诉我处理这种情况的最佳方法。

背景

我有数千个包含应用程序数据的json文件,并动态声明了所有文件路径,如下所示:

export var SRC_PATH = {
    bible_version_inv: {
        "kjv-ot": "data/bibles/Bible_KJV_OT_%s.txt",
        "kjv-nt": "data/bibles/Bible_KJV_NT_%s.txt",
        "lct-ot": "data/bibles/Bible_LCT_OT_%s.txt",
        "lct-nt": "data/bibles/Bible_LCT_NT_%s.txt",
        "leb": "data/bibles/leb_%s.txt",
        "net": "data/bibles/net_%s.txt",
        "bhs": "data/bibles/bhs_%s.txt",
        "n1904": "data/bibles/na_%s.txt",
        .....
        "esv": "data/bibles/esv_%s.txt",
        .....
    },
    ....

如您所见,文件路径包含'%s',应将其替换为正确的字符串取决于用户选择的内容。

例如,如果用户选择圣经(缩写:“ kjv-ot”)和第1章,则应导入名为“ data / bibles / Bible_KJV_OT_01.txt”的文件。

我在本机响应方面还不够好,只是想知道是否还有其他替代方法可以处理这数千个资源文件,并且可以通过动态遵循用户的选择来一次只需要一个

有任何建议请。

除了导出平面文件,您还可以导出带有参数的函数,该参数将帮助构建如下路径:

// fileInclude.js
export const generateSourcePath = (sub) => {
     return {
         bible_version_inv: {
            "kjv-ot": `data/bibles/Bible_KJV_OT_${sub}.txt`
         }
     }
}


//usingFile.js
const generation = require('./fileInclude.js');
const myFile = generation.generateSourcePath('mySub');

const requiredFile = require(myFile);

那么您可以将该项目导入(或要求)到您的项目中,执行generateSourcePath('mysub')以获取所有路径。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM