无法从反应 js 中的 api 获取 json 格式的现场数据答案

【问题标题】：Not able to get a fielding data which is in json format coming from api in react js无法从反应 js 中的 api 获取 json 格式的现场数据
【发布时间】：2021-01-24 06:20:23
【问题描述】：

我想获取要在网络上显示的字段内的数据之后我可以得到直到数据显示undefined console.log(currentdata.data[fielding[0].title]); 当我用来执行此代码时，它显示未定义的错误

 var request = require("request");
 var cricapi = require("cricapi");
const Runtorun = ({ match }) => {
 const params = match.params;
      console.log(params);
      const currentdata = [];
      async function fetchData() {
        let url =
          "https://cricapi.com/api/fantasySummary?apikey=o7aO0AGvIcd4CMasVKLh0OG4Ijc2&unique_id=";
        const unique_id = params.unique_id;

 console.log(unique_id);
        await fetch(url + unique_id).then((response) => response.json()).then((data) => currentdata.push(data));
      }
    console.log(currentdata);
  //  console.log(currentdata.data[fielding[0].title]);
 
 useEffect(() => {
       fetchData();
     });
return (
       <div>
         
       </div>
     );
   };
 export default Runtorun;

这是来自 API 的数据，被推送到数组中

【问题讨论】：

标签： javascript arrays json reactjs api

【解决方案1】：

简单地说，每次运行此函数时，您都会通过在函数体中添加 const currentdata = [] 将当前数据设置回 []，并且您的 currentdata.push(data) 调用将在未来某个时间发生。

React 组件具有内部state 的概念，因此它可以在每次组件重新渲染和函数运行时记住值。

const Runtorun = ({ match }) => {
    const params = match.params;

    const [currentData, setCurrentData] = useState([]);
    
    const fetchData = () => {
        const url =
            `https://cricapi.com/api/fantasySummary?apikey=o7aO0AGvIcd4CMasVKLh0OG4Ijc2&unique_id=${params.unique_id}`;

        fetch(url)
        .then((response) => response.json())
        .then((data) => setCurrentData(...currentDate, data));
    };
    
    useEffect(() => {
        fetchData();
    }, []);

    return (
        <div>

        </div>
    );
};

【讨论】：