تابستون داره تموم میشه ها، فرصت‌ها محدودن کلی آفر جذاب در کمپین تابستون🔥👇
۰ ثانیه
۰ دقیقه
۰ ساعت
۳ Maral Najafi
list and map
جامعه ری اکت ایجاد شده در ۲۱ شهریور ۱۴۰۱

سلام خسته نباشید.

چرا لیست 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>
    
}
Maral Najafi ۲۲ شهریور ۱۴۰۱، ۱۱:۱۱

درود وقت به خیر اینکار برای تمیزی یا به اصطلاح clean code کردن هستش برنامه که به اسکیل بالا برسه این وسط شرط‌های گذاشته خواهد شد که اگر jsx داخل تابع داشته باشیم و برگشت بدیم یکم کثیف میشه کد و ما برای راحتی کار و خوانایی کار میایم اینکار صورت میدیم

بهترین پاسخ
علی رضوی ۲۳ شهریور ۱۴۰۱، ۰۶:۰۱