मैं प्रत्येक एपीआई कॉल से आने वाले डेटा की सरणी प्रदर्शित करने का प्रयास कर रहा हूं। मान लें कि मेरे पास एक/फल एपीआई और/पिज्जा एपीआई है। मैं एक टेबल प्रारूप में प्रदर्शित करना चाहता हूं जो जेसन सरणी में प्रत्येक तत्व द्वारा अलग किया गया हो। मैं इसे प्रतिक्रिया में कैसे करूँगा, यह देखते हुए कि एपीआई कोड अपेक्षित रूप से काम कर रहा है:

function getFood() {
    const fruitResult = API.get("fruits", "/fruits", params, {
    });
    const pizzaResult = API.get('pizza", "/pizza", params, {

  });
}

मान लीजिए कि जसन है:

data: {
  "food": [
    "fruits": [{
       "name":"apple",
       "price":"2.5",
       "weight":"1"
     },
      ...
     ] 
  ]

}

आदर्श रूप से, मैं चाहता हूं कि मूल्य/वजन क्लिक करने योग्य बटन हों और यह कुछ ऐसा दिखाई देगा:

0
bag02832 20 फरवरी 2020, 06:30
क्या आप कम से कम अपने घटक का कोड दिखा सकते हैं?
 – 
Gene Sy
20 फरवरी 2020, 06:36

1 उत्तर

चूंकि आप यह नहीं दिखा रहे हैं कि आपका घटक कैसा दिखता है.. मैं आपको शुरू से ही एक कार्यात्मक घटक बना दूंगा।

import React, { useEffect, useState } from 'react';
function CustomComponent() {
  const [fruits, setFruits] = useState([]);
  const [pizza, setPizzas] = useState([]);
  useEffect(() => {
    function getOdds() {
      const fruitResult = API.get("fruits", "/fruits", params, {
      });
      const pizzaResult = API.get("pizza", "/pizza", params, {
      });
      return Promise.all([fruitResult, pizzaResult])
    }
    getOdds().then(([fruitsRes, pizzasRes]) => {
      setFruits(fruitsRes);
      setPizzas(pizzasRes);
    });
  }
  return (
    <div>
      {fruits.map(fruit => <button>{fruit}</button>)}
    </div>
  )
}
0
Gene Sy 20 फरवरी 2020, 06:43