reactjs - 异步导入 json 文件反应 js 仍在进入捆绑包

Question

我有一个简单的问题，我正在开发一个 reactjs 应用程序，所以我有一个 json 静态文件，其中包含一些要在 HTML 组件上显示的国家/地区信息，我真正的问题是如何在不将其权重放入我的包中的情况下导入它，这个是我现在导入的方式，它甚至不起作用

    import('assets/jsons/countries.json').then((countries) => {
      setCountries(Object.values(countries).reduce((acc, val) => ({ ...acc, [val.code2]: val }), {}));
    });

标签： reactjswebimporterror

Answer 1

假设您data.json的组件文件旁边有一个文件 wright：

 const getData=()=>{
    fetch('data.json'
    ,{
      headers: { 
        'Content-Type': 'application/json',
        'Accept': 'application/json'
       }
    }
    )
      .then(res => res.json())
      .then(data => data);
  }
  useEffect(() => {
    getData()
  },[])