रिएक्ट में ऑब्जेक्ट्स की एक सरणी प्रस्तुत करना

क्वेरी रिएक्ट में ऑब्जेक्ट्स की एक सूची प्रस्तुत करने का प्रयास दर्शाती है। हालाँकि, इसमें रेंडर() विधि के भीतर आवश्यक रिटर्न स्टेटमेंट गायब है। आइए इसे संबोधित करें और एक व्यापक समाधान प्रदान करें:

समाधान:

रिएक्ट में वस्तुओं की एक श्रृंखला प्रस्तुत करने के लिए, दो दृष्टिकोण हैं:

विधि 1: आउटपुट को एक वेरिएबल में संग्रहीत करें

render() {
    const data =[{"name":"test1"},{"name":"test2"}];
    const listItems = data.map((d) => 
{d.name}
);

    return (
      

      {listItems }
      
    );
}

विधि 2: सीधे रिटर्न में मैप फ़ंक्शन लिखें

render() {
    const data =[{"name":"test1"},{"name":"test2"}];
    return (
      

      {data.map(function(d, idx){
         return (
{d.name}
)
       })}
      
    );
}

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

ये समाधान रिएक्ट में वस्तुओं की सारणी को प्रस्तुत करने के लिए एक विश्वसनीय और लचीला तरीका प्रदान करते हैं।