twobin/react-lazyload

REACT-LAZYLOAD PLACE HOLDER NOT RENDER

Trung229 opened this issue · 3 comments

Trung229 commented

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 commented

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

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

Trung229 commented

Hi @matthewsteedman,

Thanks for your reply,

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

prijithvrgs90 commented

@Trung229 Please use this :

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