我想延迟加载文章列表组件,但两者都react-lazyload
强制react-lazy-load
我height
正确设置道具。在文档中react-lazyload
,他们提到可以在没有高度的情况下使用,但它不适用于我的示例。因为我不在根级别延迟加载。
而且,如果你想知道为什么我不想拥有height
道具,因为我不想在我的文章列表旁边看到一个巨大的滚动条。最好在向下滚动时看到滚动条变大。
下面的代码正在运行,但我想在没有height
道具的情况下运行它。
function ArticleList({ articles }) {
return (
<List>
{articles.map(article => {
return (
<LazyLoad key={article.uuid} height={129}>
<ArticleListItem showClose={false} {...article} />
</LazyLoad>
)
})}
</List>
)
}
有什么建议可以解决我的问题吗?