首页 > 解决方案 > 为什么在 React.JS 中没有获取本地 JSON 文件?

问题描述

我正在尝试获取一些这样的数据。

function ImageJersey() {
  
  var JSXArray = [];
  fetch("./jsonapi/run_results_jerseys.json")
    .then((data) => {
      return data.json();
    })
    .then((dataJson) => {
      console.log(dataJson);
      JSXArray.push(<div> {dataJson} </div>);
    });

  return <div>{JSXArray}</div>;

如果我将 更改res.json()res.text(),则会生成 React的public/index.html文件,而不是目标 JSON 文件。

标签: reactjs

解决方案


我认为答案是文件还没有被获取。获取是异步操作,需要放在 useEffect() 中


推荐阅读