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

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

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