مشكلة في تكرار طباعة نص أكثر من مرة باستخدام socket.io

أرجو إرفاق الشيفرة البرمجية التي تسبب المشكلة لنحاول فهمها بشكل أفضل.

تفضل

المشكلة لديك في أنك تقوم بتعريف السوكيت في بداية الكائن وبالتالي عندما يحدث أي عملية Re-render يتم تعريف الكائن مرة أخرى, لحل تلك المشكلة يمكنك تخزين السوكيت في state ومن ثم تعريف خطاف useEffect نقوم بداخله بتعريف السوكيت

وفي نهاية الأمر يكون الشفرة البرمجية لديك على الهيئة التالية 

const [socket, setSocket] = useState()
useEffect(()=>{
   if(!socket)
	setSocket(io('أكتب هنا رابط خادم السوكيت لديك'))
},[])

وفي الاجزاء التي تستخدم فيها السوكيت مثل الكائن app نقوم أولًا بالتأكد من أن السوكيت تم تعريفه عبر الشفرة التالية 

if(socket){
  socket.on('اسم الحدث لديك')
	////تعريف باقي الأحداث
}