मेरे पास एक सरणी है जिसमें एकाधिक सरणी होती है जिसमें ऑब्जेक्ट्स रखने वाले सरणी होते हैं। मुझे सही पता है। भ्रमित करने वाला लगता है। यह इस तरह दिख रहा है

This is the main array

This is how the internals of each array looks like

Each Internal Array contains objects

प्रत्येक आंतरिक सरणी में दो सरणियाँ होती हैं, एक 0 अनुक्रमणिका में और दूसरी पहली अनुक्रमणिका में। इनमें बदले में वस्तुएं भी होती हैं। अब मेरी समस्या यह है कि मैं प्रतिक्रिया में {array.name} जैसे कुछ करने में सक्षम होने के लिए निम्नतम वस्तु को प्राप्त करने के लिए शीर्ष सरणी से कैसे मैप कर सकता हूं। यह काम नहीं करता है। पृष्ठ पर कुछ भी प्रस्तुत नहीं किया जाता है। यह काम नहीं करता। पृष्ठ पर कुछ भी प्रस्तुत नहीं किया जाता है

इस तरह सरणी दिखती है। मैंने इसे कम गन्दा दिखने के लिए अन्य दो आंतरिक सरणी हटा दीं।

const data =
 [
   [
      [
        {name: "Michael Norman", house: "9", class: "3B2"}
      ],
      [
      {name: "Ronald Eyeson", house: "9", class: "3D3"},
      {name: "Kingsley Buadi", house: "9", class: "3N"},
      {name: "Lommo", house: "9", class: "3H"}
      ]
   ]
 ]
 
 console.log(data)
-3
Tariq Sulley 2 अगस्त 2020, 12:35

1 उत्तर

सबसे बढ़िया उत्तर

इस कोड को चलाने का प्रयास करें:

const data =
 [
   [
      [
        {name: "Michael Norman", house: "9", class: "3B2"}
      ],
      [
          {name: "Ronald Eyeson", house: "9", class: "3D3"},
          {name: "Kingsley Buadi", house: "9", class: "3N"},
          {name: "Lommo", house: "9", class: "3H"}
      ]
   ],
   [
      [
        {name: "Michael Norman1", house: "9", class: "3B2"}
      ],
      [
        {name: "Ronald Eyeson1", house: "9", class: "3D3"},
        {name: "Kingsley Buadi1", house: "9", class: "3N"},
        {name: "Lommo1", house: "9", class: "3H"}
      ]
    ]
 ];
<div>
          {Object.keys(data).map((key) => {
            return(
            <div key={key}>
              {data[key].map((dataItem) => { 
                return(
                  <div>
                  {Object.keys(dataItem).map((innerDataItem) => {
                      return (
                        <h1>{dataItem[innerDataItem].name} </h1>
                      );
                    })
                  }
                  </div>
                )
               })}
            </div>
           )
          })}
</div>
0
Maheshwari Kahar 4 अगस्त 2020, 11:33