时间戳

首页 > 解决方案 > React中将json导入变量的问题

javascript - React中将json导入变量的问题

问题描述

我是 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文件。我使用了“导入”和“要求”方法。

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

标签： javascriptreactjsjson

解决方案

我认为 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

推荐阅读