React组件之所以出色,是因为它使我们能够定义自己的标签,该标签可能比原始标签更强大。
目前,我仅使用React组件定义HTML结构,并设置每个标签的className来让样式表修改其外观。有没有一种方法可以在不使用内联CSS的情况下为组件提供默认样式?
我的一个想法是添加一个与一个组件关联的CSS文件,或者在每个组件的jsx文件中直接添加一个标记,然后编译CSS或jsx将所有CSS放在一个文件中并部分添加。
在React中可以使用内联样式方法轻松表达它:
var compStyle = {
color: 'white',
backgroundImage: 'url(' + imgUrl + ')',
margin: 5
};
React.render(<div style={compStyle}>Component</div>, mountNode);
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句