Skip to content

useDefer

用于延迟渲染,处理白屏问题。

基础用法

tsx
import { useDefer } from 'ono-react-element';

function App() {
    const count = 1000;
    const defer = useDefer(count);

    return (
        <div>
            {
                new Array(count).fill(null).map((_, i) => {
                    return defer(i)&&<div>第{i+1}个组件</div>
                })
            }
        </div>
    )
}

API

通用属性参考:通用属性

参数说明类型默认值是否必填
maxCount最大延迟渲染组件数量number-