React中将json导入变量的问题

Question

我是 React 新手，我正在尝试将选定的 JSON 数据导入并保存在变量中

[...]

const languageToSet = "polish";
const lang = {
    promiseToSetLanguage: function(lang){
        return new Promise((resolve, reject) => {
            import language from `./languages/${languageToSet}_lang.json`
            language = JSON.parse(language)
            if (language.welcome) {
                console.log('Works fine')
                resolve(true)
            } else{
                reject(false)
            }
        })
    }
}
lang.promiseToSetLanguage()

[...]

控制台给我一个错误： "'import' 和 'export' 只能出现在顶层" 但我需要加载用户选择的 JSON 文件。 我使用了 'import' 和 'require' 方法。

感谢您的帮助，最好的问候。

Answer 1

我认为 fetch 可能是这里的答案.. 尝试使用

return new Promise(async (resolve, reject) => {
            const rawJsonFile = await fetch(`${file_from_user}`);
            const jsonFile = await rawJsonFile.json();
            if (jsonFile.welcome) {
                console.log('Works fine')
                resolve(true)
            } else{
                reject(false)
            }
        })

如果还是不行，你可以随时使用 xhr