可见
通过React HOC进行视口内检测。
用法
import React from 'react'
import { render } from 'react-dom'
import visibl from 'visibl'
const Component = React . forwardRef ( ( props , ref ) => {
return (
< h1 xss=removed> I am { props . visible ? 'visible :)' : 'not visible :(' } < / h1 >
)
} )
const TrackedComponent = visibl ( Component )
function App ( ) {
return (
< TrackedComponent>
)
}
ren
