CARVIEW |
Select Language
HTTP/2 200
date: Tue, 22 Jul 2025 07:44:31 GMT
content-type: text/html; charset=utf-8
vary: X-PJAX, X-PJAX-Container, Turbo-Visit, Turbo-Frame, X-Requested-With,Accept-Encoding, Accept, X-Requested-With
x-robots-tag: none
etag: W/"901fb3cd9fae298fd261c9b4cc95c70b"
cache-control: max-age=0, private, must-revalidate
strict-transport-security: max-age=31536000; includeSubdomains; preload
x-frame-options: deny
x-content-type-options: nosniff
x-xss-protection: 0
referrer-policy: no-referrer-when-downgrade
content-security-policy: default-src 'none'; base-uri 'self'; child-src github.githubassets.com github.com/assets-cdn/worker/ github.com/assets/ gist.github.com/assets-cdn/worker/; connect-src 'self' uploads.github.com www.githubstatus.com collector.github.com raw.githubusercontent.com api.github.com github-cloud.s3.amazonaws.com github-production-repository-file-5c1aeb.s3.amazonaws.com github-production-upload-manifest-file-7fdce7.s3.amazonaws.com github-production-user-asset-6210df.s3.amazonaws.com *.rel.tunnels.api.visualstudio.com wss://*.rel.tunnels.api.visualstudio.com objects-origin.githubusercontent.com copilot-proxy.githubusercontent.com proxy.individual.githubcopilot.com proxy.business.githubcopilot.com proxy.enterprise.githubcopilot.com *.actions.githubusercontent.com wss://*.actions.githubusercontent.com productionresultssa0.blob.core.windows.net/ productionresultssa1.blob.core.windows.net/ productionresultssa2.blob.core.windows.net/ productionresultssa3.blob.core.windows.net/ productionresultssa4.blob.core.windows.net/ productionresultssa5.blob.core.windows.net/ productionresultssa6.blob.core.windows.net/ productionresultssa7.blob.core.windows.net/ productionresultssa8.blob.core.windows.net/ productionresultssa9.blob.core.windows.net/ productionresultssa10.blob.core.windows.net/ productionresultssa11.blob.core.windows.net/ productionresultssa12.blob.core.windows.net/ productionresultssa13.blob.core.windows.net/ productionresultssa14.blob.core.windows.net/ productionresultssa15.blob.core.windows.net/ productionresultssa16.blob.core.windows.net/ productionresultssa17.blob.core.windows.net/ productionresultssa18.blob.core.windows.net/ productionresultssa19.blob.core.windows.net/ github-production-repository-image-32fea6.s3.amazonaws.com github-production-release-asset-2e65be.s3.amazonaws.com insights.github.com wss://alive.github.com api.githubcopilot.com api.individual.githubcopilot.com api.business.githubcopilot.com api.enterprise.githubcopilot.com; font-src github.githubassets.com; form-action 'self' github.com gist.github.com copilot-workspace.githubnext.com objects-origin.githubusercontent.com; frame-ancestors 'none'; frame-src viewscreen.githubusercontent.com notebooks.githubusercontent.com; img-src 'self' data: blob: github.githubassets.com media.githubusercontent.com camo.githubusercontent.com identicons.github.com avatars.githubusercontent.com private-avatars.githubusercontent.com github-cloud.s3.amazonaws.com objects.githubusercontent.com release-assets.githubusercontent.com secured-user-images.githubusercontent.com/ user-images.githubusercontent.com/ private-user-images.githubusercontent.com opengraph.githubassets.com copilotprodattachments.blob.core.windows.net/github-production-copilot-attachments/ github-production-user-asset-6210df.s3.amazonaws.com customer-stories-feed.github.com spotlights-feed.github.com objects-origin.githubusercontent.com *.githubusercontent.com; manifest-src 'self'; media-src github.com user-images.githubusercontent.com/ secured-user-images.githubusercontent.com/ private-user-images.githubusercontent.com github-production-user-asset-6210df.s3.amazonaws.com gist.github.com; script-src github.githubassets.com; style-src 'unsafe-inline' github.githubassets.com; upgrade-insecure-requests; worker-src github.githubassets.com github.com/assets-cdn/worker/ github.com/assets/ gist.github.com/assets-cdn/worker/
server: github.com
content-encoding: gzip
accept-ranges: bytes
set-cookie: _gh_sess=Ooz3ImtL3kbzWj3Qwi0N3laUr1Dj14GGM8%2Bj8fsdZ6YkAD5A0UpLR5q5%2Fij4hRiHRI4EZvxIcs4BQ52LpRXcJd9%2BWficYAIH8GvRDDDx0FVaYmIVkz6shI8B7%2FgU7zb3tLkCjirs1fo4RqTqFUxyc%2BU1TpAIDfgNFD97Mo9IwFVeKuR2qqAE0i5NUuQDf4KU%2FXBnmBKZiOmdeAWJha5Pv%2Fu%2Fsn%2BVwIm8cotCNxCCWjz4Qc1kbCc3dvOrQAZeV8UBLqNFrGDhdIAwNMgoFrK4fA%3D%3D--05xJXpURn48d%2B5L%2F--GNiI97DF8GXrPsYy3826ZQ%3D%3D; Path=/; HttpOnly; Secure; SameSite=Lax
set-cookie: _octo=GH1.1.2091079560.1753170271; Path=/; Domain=github.com; Expires=Wed, 22 Jul 2026 07:44:31 GMT; Secure; SameSite=Lax
set-cookie: logged_in=no; Path=/; Domain=github.com; Expires=Wed, 22 Jul 2026 07:44:31 GMT; HttpOnly; Secure; SameSite=Lax
x-github-request-id: CCC2:3CECEF:2CD79B:31EEAF:687F415F
Upgrade Guide · twobin/react-lazyload Wiki · GitHub
Skip to content
Navigation Menu
{{ message }}
-
Notifications
You must be signed in to change notification settings - Fork 493
Upgrade Guide
Sen Yang edited this page Aug 2, 2016
·
4 revisions
The biggest change from 1.x to 2.x is that your component no longer receives visible
or firstTimeVisible
as props. So how can your component tell whether it is visible or not? Simple, once your component has been rendered(lifecycle methods been called), it must be visible.
In the first round of rendering, LazyLoad never renders your component, instead it will render a placeholder with height specified by props. Then LazyLoad will run checkVisible
for every instance to determine which components should be rendered truly.
So bear in mind that a proper height
props for LazyLoad will improve the performance for LazyLoad very much.
- set
height
props to<LazyLoad>
component, or pass them as parameter if you used@lazyload()
decorator. - remove
wheel
ormousewheel
props, it's not longer needed. If you want to lazy load some stuff inside a overflow container, try setoverflow
props.
You can’t perform that action at this time.