سلام خسته نباشید.
چرا لیست objectها و map رو داخل تابعی که کامپوننت رو return میکنه مینویسیم و نه خارج از اون؟
درود وقت به خیر
اگر میشه سورس کد خودتون یا کد مدنظر رو بذارید که بهتر بشه پاسخ دهی بشه
export default function StickyNotes() { const notesData = [ {title:"Title 1", textContetnt:"Text Content 1"}, {title:"Title 2", textContetnt:"Text Content 2"}, {title:"Title 3", textContetnt:"Text Content 3"}, ] const notes = notesData.map((note, index) =><Notes key={index} title={note.title} textContetnt={note.textContetnt}/> ) return <div> <ul> {notes} ul> div> }
درود وقت به خیر اینکار برای تمیزی یا به اصطلاح clean code کردن هستش برنامه که به اسکیل بالا برسه این وسط شرطهای گذاشته خواهد شد که اگر jsx داخل تابع داشته باشیم و برگشت بدیم یکم کثیف میشه کد و ما برای راحتی کار و خوانایی کار میایم اینکار صورت میدیم