在浏览器中使用ES6样式语法和React导入JSON文件

pftdvrlh 于 2022-11-19 发布在 React

关注(0)|答案(1)|浏览(128)

我有一个文件夹，里面有很多JSON文件：

-json
--file1.json
--anotherfile.json
  ...
--lastfile.json

如何从该文件夹导入所有文件而不显式定义其名称？
假设，我应该使用这样的东西：

import * as jsonFiles from './json'

但它不起作用。
我该怎么做呢？

**重要提示：**这不是Node.js，我在客户端将其与React一起使用。

1条答案

无法从客户端检索服务器端的文件列表，特别是如果应用程序不是使用构建工具预构建的，而是使用ES6模块加载程序。
这里正确的方法是在客户端通过 AJAX 请求检索jsonFiles对象，服务器负责阅读目录并将JSON文件合并为单个对象。