मैं कर रहा हूँ से कुछ डेटा है कि एक एपीआई आ रहा है के रूप में वस्तुओं की एक सरणी और निकालने के लिए चाहते हैं उन्हें और destructure उन्हें तो मैं उन्हें इस्तेमाल कर सकते हैं प्रस्तुत करने के लिए एक घटक में प्रतिक्रिया. मैं कुछ हासिल किया है somewaht लेकिन इस तरह से मैं नहीं कर रहा हूँ, और यह भी करने के लिए इसे प्रस्तुत करना है बनाने के मद में 6 बार के लिए उनमें से हर एक को तो मैं 24divs.
डेटा आ रहा है इस तरह से, "घंटा" सरणी के साथ 48 वस्तुओं. मैं पहले से ही टुकड़ा करने के लिए सरणी का उपयोग केवल छह के रूप में है कि मैं सभी की जरूरत है.
"hourly": [
{
"dt": 1618315200,
"temp": 282.58,
"feels_like": 280.4,
"pressure": 1019,
"humidity": 68,
"dew_point": 276.98,
"uvi": 1.4,
"clouds": 19,
"visibility": 306,
"wind_speed": 4.12,
"wind_deg": 296,
"wind_gust": 7.33,
"weather": [
{
"id": 801,
"main": "Clouds",
"description": "few clouds",
"icon": "02d"
}
],
"pop": 0
},
...
यह है क्या मैं के अंदर मेरे लौटने और खंड के भीतर टैग जो काम करता है, लेकिन मुझे नहीं लगता है कि सबसे अच्छा तरीका है यह करने के लिए, यह भी एक बुरा सपना शैली के लिए यह ठीक से के रूप में यह बनाता है, छह प्रत्येक आइटम का समय:
<div className="weather-info-extra">
{shortedArr.map((i, index) => (
<div key={index}>
{new Date(i.dt * 1000).toLocaleTimeString([], {
timeZone: timezone,
hour: '2-digit',
minute: '2-digit',
hour12: true,
})}
</div>
))}
{shortedArr.map((i, index) => (
<div key={index}>{i.weather.map(w => w.description)}</div>
))}
{shortedArr.map((i, index) => (
<div key={index}>{i.temp} C</div>
))}
{shortedArr.map((i, index) => (
<div key={index}>
<p>Rain</p>
{i.pop}%
</div>
))}
</div>
मैं जानता हूँ कि वहाँ एक बहुत स्पष्ट तरीका है कि मैं याद कर रहा हूँ प्राप्त करने के लिए प्रत्येक वस्तु सरणी से तो मैं कर सकता इसे प्रस्तुत करना बेहतर है ।