जब भी मैं डेटा लाने की कोशिश करता हूं .map फ़ंक्शन मुझे त्रुटि दिखाता है

user.map is not a function

मैं डेटा लाने के लिए नीचे दिए गए कोड का उपयोग करता हूं:

 user.map((user,index) => <>
         <h1> {user.name} </h1>
         <h1> {user.address} </h1>
     </>)

और बैकएंड से डेटा प्राप्त करने के लिए नीचे दिए गए कोड का उपयोग करें,

  const [user, setUser] = useState([
{
    name:'',
    phone:'',
    bgroup:'',
    pincode:'',
    address:''
}
  ]);

useEffect(() => {
    fetch("/Donate").then(res=>{
        if(res.ok){
            return res.json();
        }
    }).then(jasonRes=>setUser(jasonRes));
},[])
  

इसके साथ, जब मैं नीचे दिए गए कोड का उपयोग करता हूं, तो मुझे कंसोल में डेटा मिलता है:

 console.log(user)
0
MAYANK THAKUR 21 सितंबर 2021, 15:08
क्या jasonRes एक सरणी है?
 – 
Oluwafemi Sule
21 सितंबर 2021, 15:11
1
.map जेसन ऑब्जेक्ट्स के लिए काम नहीं करेगा। आपको अपनी प्रतिक्रिया को सरणी में बदलने की जरूरत है।
 – 
Ahamed Safnaj
21 सितंबर 2021, 15:13
मुझे ऐसा लगता है, क्योंकि यह डेटा को सरणी में वापस लाता है
 – 
MAYANK THAKUR
21 सितंबर 2021, 15:13
क्या आप user में एक से अधिक उपयोगकर्ता होने की अपेक्षा करते हैं? यदि नहीं, तो मानचित्र का उपयोग न करें, क्योंकि इससे कई "नाम" और "पता" फ़ील्ड उत्पन्न होंगे, जो किसी एकल उपयोगकर्ता के अनुरूप नहीं लगते हैं।
 – 
James
21 सितंबर 2021, 16:35
मैं मोंगोडब डेटाबेस से डेटा प्राप्त करता हूं, और अधिक उपयोगकर्ता हैं, क्योंकि वहां लोग आते हैं, वे पंजीकरण करते हैं, और मैं उन्हें विशिष्ट पृष्ठ पर दिखाना चाहता हूं।
 – 
MAYANK THAKUR
21 सितंबर 2021, 19:16

1 उत्तर

सबसे बढ़िया उत्तर
const [user, setUser] = useState([]);
            
useEffect(() => {
  fetch("/Donate").then(res=>{
        if(res.ok){
            return res.json();
             }
        }).then(jasonRes=>setUser(jasonRes && jasonRes.Donate));
    },[])
        
     return (
        <>
          {user.map((el, i)=> {
            <div key={i}>
               <h1> {el.name} </h1>
                <h1> {el.address} </h1>
              </div>
           })}
       </>
  )
1
Luccin Masirika 21 सितंबर 2021, 20:00
मुझे आशा है कि यह अंत में काम करेगा
 – 
Luccin Masirika
21 सितंबर 2021, 20:01