以编程方式导入本地json文件react-native

时间:2018-10-23 02:13:03

标签: json react-native

我手里有很多json对象,我需要将它们加载到react本机应用程序中。我找不到太多有关import sample from '../data/Sample.json';如何导入的文档。我将只需要加载1个文件,具体取决于用户选择的内容,并且我不确定是否仅导入全部12个文件(总共1mb),如果这样做对性能的影响比我需要的多。有没有一种方法可以根据状态或用户输入选择性地加载json文件?

1 个答案:

答案 0 :(得分:1)

将指向JSON文件的链接放入数组中,并根据需要使用require()

links = [
  'link_to_file_1.json',
  'link_to_file_2.json',
  // and so on...
];

loadMyFile = (index) => {  // Call this function with required index of list

    if (index)
    {
      let fileUrl = require(links[index]);

      // parse file, perform required actions ...
    }
}