Key یک property خاص است که هنگام کار با لیست ها باید نوشته شود. React انسان نیست بنابراین نمی تواند ببیند شما کدام فرد از افراد (لیست) را حذف کرده اید. کد ما در حال حاضر کار میکند اما مسئله اینجاست که react چیزی به نام virtual DOM دارد. در این virtual DOM نسخه ای از DOM آینده (که با متد render نمایش داده می شود) را نگه میدارد تا با DOM فعلی مقایسه کند و هر قسمتی از DOM جدید که با قبلی متفاوت باشد، آن قسمت دوباره render می شود. مشکل اینجاست که در لیست ها باید چیزی مثل یک id وجود داشته باشد که به React اجازه دهد هر کدام افراد را به صورت خاص شناسایی کند تا به جای render کردن دوباره ی کل افراد در لیست، فقط افرادی را دوباره render کند که تغییر کرده اند.
پنل نویسندگان