ممکن است این خطا را به خاطر رندر داده های یک آرایه دریافت کرده باشید. فرض کنید بخواهیم اطلاعات کاربران را که در یک آرایه قرار دارد نمایش دهیم ( اینکار را با متد 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>