ios - 在 native react 中动态需要 json 文件(来自数千个文件)

Question

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

我知道 require() 只适用于静态路径，所以我想要其他方法来解决我的问题。我找到了这个答案 here但它对成千上万的资源没有意义。

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

背景

我有数千个包含应用程序数据的 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”的文件。

我在 react-native 方面不够好，只是想知道是否有其他替代方法来处理这数千个资源文件，并且通过动态地一次只需要一个跟随用户的选择。

请提出任何建议。

Answer 1

您可以导出一个带有参数的函数，而不是导出一个平面文件，这将有助于构建如下路径:

// 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') 以获取所有路径。