Tag Archives: unmounted

Cancel http request when element is unmounted – React Developer

Cancel http request when element is unmounted หลังจากที่ได้ย้ายจาก vue มา react ได้ประมาณ6เดือน บางปัญหาที่ไม่เคยเจอใน vue เลยมาเจอจากตัว react และบทความนี้ก็เป็น1ในปัญหาที่ผมได้เจอตอนเขียน react จริงๆจัง ที่มาของปัญหา เวลาเราต้องสร้าง element บางตัวแล้วเราต้องการให้มันยิง http request เพื่อไปเอาข้อมูลบางอย่างมาเราจะทำตอนที่ element นั้น mount ขึ้นมาแล้วยิงไปจังหวะนั้น ดูรวมๆแล้วก็ปกติไม่มีอะไรแต่ถ้า element นั้นถูก unmount ไปในตอนที่มันยังยิง http request ไม่เสร็จมันจะเกิด error ขึ้น Warning: Cannot carry out a React state replace on an unmounted element. This can be…

Read More

useMountedEffect: asynchronous useEffect on potentially unmounted components – React Dev Feed

useMountedEffect: asynchronous useEffect on potentially unmounted components When we use effects, or more precisely the useEffect hook, than because very often we do want to execute something asynchronously. In most scenarios we are doing this when a component gets mounted. Problem Component gets mounted useEffect gets executed we set the state that we are starting…

Read More