پاسخ داده شد
0
0

دلیل این ارور در react چیست و چگونه آن را برطرف کنیم؟

  • شما باید برای ارسال دیدگاه شوید
پاسخ عالی
0
0

ممکن است این خطا را به خاطر رندر داده های یک آرایه دریافت کرده باشید. فرض کنید بخواهیم اطلاعات کاربران را که در یک آرایه قرار دارد نمایش دهیم ( اینکار را با متد map می توانیم انجام دهیم):

<div>

            {props.fetchedPages.map((page) => (
              <SuggestionRow
                username={page.username}
                name={page.name}
                job={page.job}
                image={page.avatarPic}
              ></SuggestionRow>
            ))}
          
</div>

کد بالا خطای Each child in an array should have a unique “key” prop.
Check the render method of می دهد زیرا برای هر عنصر از آرایه کلید یا key تعریف نکردیم.

react با انتصاب کلید به هر عنصر می توانید از رندرهای اضافی موقع آپدیت شدن داده ها جلوگیری کند.

کد بالا باید بصورت زیر تغییر یابد:

<div>

            {props.fetchedPages.map((page,i) => (
              <SuggestionRow
                key={i}
                username={page.username}
                name={page.name}
                job={page.job}
                image={page.avatarPic}
              ></SuggestionRow>
            ))}
          
</div>
  • شما باید برای ارسال دیدگاه شوید
نمایش 1 نتیجه
پاسخ شما
اگر قبلاً حساب کاربری دارید با پر کردن فیلد های زیر یا به عنوان مهمان ارسال کنید.
نام*
ایمیل*
وب سایت