محمد عوض4

بالتوفيق 

بتاريخ 12 ساعات قال هبة حمدان:

@محمد عوض4 اه خلص تمام نزلت الجيت و اشتغل شكرا

هل جربتي تنزلي git ?

اولا علينا ان انتق على ما تريدين هناك 3 انواع تقريبا في تصميم الويب 

1- تصميم الصفحات بدون كتابة اي كود او استخدام بلوكات جاهزة فقط رسومات والوان وهنا تستخدمين adobeXd

2- تصميم الموقع من خلال بلوكات جاهزة او ثيم جاهز اما باستخدام ووردبريس او اي منصة شبيهة به

3- تصميم الويب هو تصميم من الصفر بhtml css js ومكتبات وفريم وورك لكل جزء منهم هنا على الاقل يجب ان تتعلمي html css حتى تقدمي موقع به نصوص صور الوان وخلفيات و انيمشن 

اولا لا يجب ان تدفع اي مبلغ الا عند انتهاء الخدمة او الموقع الاكتروني الذي طلبته 

ستجد في قائمة مراسلة البائع . او يمكنك مرسالتي وسوف اقدم لك ما تريد 

انا مبرمج وجاهات امامية و المواقع الاكترونية هي اختصاصي .

السلام عليكم 

لا يا صديقي في react يفضل انت تستخدم concat بدلا كم push 

ولا يجوز ان تعدل على اي state الا من خلال setState 

وهذا اقتباس من شخص عنده نفس المشكلة على stackoverflow

اقتباس

When you use push, you are setting selectedNumbers to be the return value of the push operation, which is the length of the new array according to the mozilla developer docs. Push also attempts to mutate the array in state, which as PhilippSpo said doesn't work.

Either use concat as you were before or copy the selectedNumbers to a new array, push your value into that one, and then set selectedNumbers to the new array. If you're using ES6 you can use the spread operator as other users have pointed out

بالتوفيق

السلام عليكم 

react هدفه تقليل الperformance  قدر الامكان حتى انه يستخدم دوم غير حقيقي حتى يخفف من التكلفة ويجعل الموقع اسرع من باقي المواقع , وهذا هو السبب ارجو ان تكون وضحت لك الصورة 

هذا التكرار يحدث بسبب Strict Mode وهو في الاصل وضع ليجنبك كثير من المشاكل او التعقيدات التي من الممكن تجنبها وهذه  تستطيع استخدام .react fragment كالتالي 

render() {
  return (
    <React.Fragment>
      <ChildA />
      <ChildB />
      <ChildC />
    </React.Fragment>
  );
}

 يمكنك القراءة اكثر عن هذا الموضوع من docs الخاصة بالreact الموقع متوفر بالعربية ايضا https://reactjs.org/docs/strict-mode.html