我有一个<List />
我想在其中添加首字母的组件padding-top
to the wrapper。由于所有元素都是absolute
我找到了这个解决方案,但我想知道它是否正确,或者是否有其他更便宜的解决方案:
const rowRenderer = ({ index, key, style, isScrolling }) => {
// ...
return (
<ul key={key}
style={{
...style,
top: style.top + 50,
}}>
{ items.map(itemRenderer) }
</ul>
)
}
相关部分是style
prop.
您可以通过将填充移动到对象的级别来避免不必要的对象创建和展开操作。List
, eg:
<List
{...props}
style={{
paddingTop: '50px',
boxSizing: 'content-box',
}}
containerStyle={{
position: 'relative',
overflow: 'visible'
}}
/>
请参阅此处的示例:https://plnkr.co/edit/vNHDmpEY2bjQbCup4xsG?p=preview https://plnkr.co/edit/vNHDmpEY2bjQbCup4xsG?p=preview
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)