Mobile react application, in the scrolling list, when using pictures to load lazily. Don't let go of the finger, don't load the picture.

after adding lazy loading to the picture before, I didn"t look at it carefully, but I suddenly found a strange problem today.

when you slide your fingers, if you keep pressing and do not let go, the picture will not be displayed. You must wait for the hand to release before displaying the picture.
Please see the following picture.

does it take 10 seconds for a 7k picture to be used? I really don"t know what went wrong. I tested it with my mobile phone. It"s really like this. Don"t let go of the picture and don"t load it

Html5 react.js scroll javascript

Mar.23,2021

should be the higher priority of UI. You are still dealing with events before you let go, blocking the loading of images

how to achieve this

Previous: How highchart places data lables above the connection line, and the connection line is a straight line after the break point.

Next: PHP use namespace contains special symbols

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e4b936-44e54.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e4b936-44e54.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?