REACT-LAZYLOAD PLACE HOLDER NOT RENDER

This issue has been tracked since 2022-05-14.

Hi everyone,

I am trying to use react-lazyload library to optimize performance, but i get an error that it keeps returning all the data for me(it doesn't show placeholder), not wait until I scroll down to render data, i did Tried many ways but still can't fix it, hope you guys can help me

This is my code:

image

This is my DOM:
image

My react version:

  • react: 18.1.0
  • react-lazyload: ^3.2.0

Thank you

Trung

matthewsteedman wrote this answer on 2022-05-17

Use This package it might be better than what you currently using or trying to achieve

https://github.com/twobin/react-lazyload

Trung229 wrote this answer on 2022-05-17

Hi @matthewsteedman,

Thanks for your reply,

Im using this package which you say, but it gives me error like I said above

prijithvrgs90 wrote this answer on 2022-10-16

@Trung229 Please use this :

<LazyLoad once overflow height={200} offset={[-100, 100]} >

More Details About Repo
Owner Name twobin
Repo Name react-lazyload
Full Name twobin/react-lazyload
Language JavaScript
Created Date 2015-08-07
Updated Date 2022-11-29
Star Count 5639
Watcher Count 52
Fork Count 482
Issue Count 153

YOU MAY BE INTERESTED

Issue Title Created Date Updated Date