React 组件很棒,因为它允许我们定义自己的标签,这些标签比原来的标签更强大。
目前我只是使用React组件来定义HTML结构,并设置每个标签的className让样式表修改外观。有没有一种方法可以在不使用内联 CSS 的情况下为组件提供默认样式?
我的一个想法是,一个组件关联一个CSS文件,或者直接在每个组件的jsx文件中添加一个tag,然后编译CSS或者jsx,把所有的CSS放在一个文件中,部分添加.
最佳答案
很容易用inline style表示React 中的方法:
var compStyle = {
color: 'white',
backgroundImage: 'url(' + imgUrl + ')',
margin: 5
};
React.render(<div style={compStyle}>Component</div>, mountNode);
关于javascript - 如何为 React 组件设置默认样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29740615/