React में JSX के अंदर लूप का सही उपयोग कैसे करें?

सभी को नमस्ते! मैंने अभी React सीखना शुरू किया है और एक समस्या का सामना करना पड़ा: मुझे JSX का उपयोग करके पेज पर आइटम की एक सूची प्रदर्शित करनी है। मेरे पास डेटा का एक array है, उदाहरण के लिए, कार्यों की सूची: ```javascript const tasks = ['दूध खरीदें', 'व्यायाम करें', 'कोड लिखें']; ``` मैं प्रत्येक कार्य को `

` के अंदर एक अलग `
• ` के रूप में प्रदर्शित करना चाहता हूं। मैंने इस तरह लिखने का प्रयास किया: ```javascript function TaskList() { return (
  {for (let i = 0; i < tasks.length; i++) {
  • {tasks[i]}
  }}
  ); } ``` लेकिन React एक त्रुटि देता है: "SyntaxError: Unexpected token"। मैंने पढ़ा है कि JSX `React.createElement` के लिए सिर्फ syntactic sugar है, लेकिन मुझे समझ नहीं आता कि लूप काम क्यों नहीं करता। सामान्य JavaScript में, मैं लूप लिखता और उसके अंदर एलिमेंट बनाता,