业务场景:
实现效果:
代码:
{[1, 2, 3, 4, 5, 6].map(item => (
<div style={{ width: '250px', height: 0, }} key={item}></div> ))}
原理:通过添加几个高度为0的盒子来补齐,建议数组长度等于页面布局每行盒子数减一,避免无用渲染
业务场景:
实现效果:
代码:
{[1, 2, 3, 4, 5, 6].map(item => (
<div style={{ width: '250px', height: 0, }} key={item}></div> ))}
原理:通过添加几个高度为0的盒子来补齐,建议数组长度等于页面布局每行盒子数减一,避免无用渲染