जब भी मैं डेटा लाने के लिए .map का उपयोग करने का प्रयास करता हूं, तो मुझे त्रुटि मिली

Question 1

जब भी मैं डेटा लाने की कोशिश करता हूं .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)

javascript reactjs

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

Answer

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

Question 2

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

जब भी मैं डेटा लाने के लिए .map का उपयोग करने का प्रयास करता हूं, तो मुझे त्रुटि मिली

1 उत्तर

संबंधित सवाल

नए सवाल