如何从react-fetch方法获取json数据

Question

我无法从API获取数据。我尝试了不同的方法，但没有成功。这是我的代码和API。我想通过react-fetch方法使用这些数据（JSON）。

js prettyprint-override">// My Fetch API

fetchData() {
        fetch('MYAPI_URL')
       .then(response => response.json())
        
  // .then(parsedJSON => console.log(parsedJSON)) //prints the data on console 
//        .then(parsedJSON => console.log(parsedJSON.status)) // Not Worked
  //      .then(parsedJSON => console.log(parsedJSON.data.Products) )  // Not Worked
      .then(parsedJSON => console.log(parsedJSON.status.data) ) // not working. 

  .then(parsedJSON => parsedJSON.data.map(pro => (
            {
      ..... Other code ....
      }
      ))

   }
    
    
// below is my api data

  "status": true,
  "data": {
    "banner": "mydomain.com/img/img1.png",
    "Products": [
      {
        "CategoryCode": "03",
        "CategoryName": "Appetizers",
        "SubCategory": [
          {
            "SubCategoryCode": "038",
            "SubCategoryName": "Chicken Wings",
            "Image":     "banner": "mydomain.com/img/img1.png",
            "SubCategoryType": [
              {
                "TypeCode": "05",
                "TypeName": "Normal",
                "AdditionalPrice": "0",
                "TypeSize": [
                  {
                    "SizeCode": "17",
                    "SizeName": "6 Pcs",
                    "Description": "Oven baked hot and spicy chicken wings.",
                    "Price": "349",
                    "Toppings": [
                      
                    ]
                   }
                ]
              }
             ]
             ...............



// I want to get Products Code etc. But I can't. No idea where I am doing wrong

当我使用这个获取api时，它正在工作。数据与上面的数据几乎相同，但那不是真正的Rest API。

Answer 1

>

如果你只需要接收数据，而不需要更新React组件（不存储在本地状态），你可以看看这个答案：https://stackoverflow.com/a/44644532/1263904

否则检查这个：https://stackoverflow.com/a/50980558/1263904