lazy-child
Version:
React component that renders its child when it enters the viewport
3 lines (2 loc) • 709 B
JavaScript
var e,r=require("react"),n=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,t=require("react-peekaboo");function a(){return(a=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e}).apply(this,arguments)}module.exports=function(e){var l=e.children,o=e.renderPlaceholder,u=function(e,r){if(null==e)return{};var n,t,a={},l=Object.keys(e);for(t=0;t<l.length;t++)r.indexOf(n=l[t])>=0||(a[n]=e[n]);return a}(e,["children","renderPlaceholder"]),c=r.useState(!1),i=c[0],f=t.useIntersectionChange(c[1],a({enabled:!i},u));return n.createElement(r.Fragment,null,i?l:o(f))};
//# sourceMappingURL=index.js.map