如何组合多个内联样式对象?

在React中,可以清楚地创建对象并将其指定为内联样式。i、 e.。如下所述

var divStyle={
颜色:'白色',
背景图片:'url('+imgUrl+'),
WebKittTransition:'全部',//注意这里的大写字母“W”
msTransition:'all'/'ms'是唯一的小写供应商前缀
};
var divStyle2={fontSize:'18px'};
render(<div style={divStyle}>Hello World!</div>,mountNode);

如何组合多个对象并将它们指定在一起

如果您使用的是React Native,则可以使用数组表示法:

<视图样式={[styles.base,styles.background]}/>

查看我关于这方面的详细博客文章

发表评论