[英]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.