react لا تقوم بعمل render عند تغيير الprops

هذا غالبًا يحدث بسبب أن عند تغيير الstate تقوم بإضافة أو حذف عناصر إلى المصفوفة, ولكن المصفوفة نفسها لم تتغير فبالتالي لا يتم عمل re-render 

يجب تمرير عناصر المصفوفة على هيئة مصفوفة جديدة حتى يحدث الre-render ويمكن تحقيق ذلك بسهولة عبر إستخدام الspread operator 

<div>
  <Users users={[...users]}/>
</div>

هل يمكنك إرفاق كامل شيفرة المكون الأب؟

في رياكت لايقوم المتصفح بعملية re-render الا اذا تغيرت ال state فلنفرض لديك state تحوي هذه المصفوفة

const [state,setState] = useState(["a","b","c"]);

ولنفرض اننا نريد اضافة عنصر اليها ومن ثم جعل react يقوم ب re render  نقوم بما يلي :

setState([...state,"d"])

العملية التي قمنا بها

[...state]

تقوم بانشاء مصفوفة جديدة واضافة مصفوفة state اليها , وبما أننا قمنا بانشاء مصفوفة جديدة هنا سوف يستشعر المتصفح بتغير الstate ويقوم ب re render