React 中将 json 导入变量的问题

Question

I'm new in React and I'm trying to import and save in variable a selected JSON data

 [...] 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() [...]

Console throw me a error: "'import' and 'export' may only appear at the top level" but i need to load a JSON file selected by user. I used 'import' and 'require' method.

Thanks for your help, best regards.

Answer 1

I think that fetch might be the answer here.. Try to use

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)
            }
        })

If it still wont work, you can always use xhr