如何为 React 组件设置默认样式

Question

React 组件很棒，因为它允许我们定义自己的标签，这比原来的标签更强大。

目前我只是使用React组件来定义HTML结构体，设置每个标签的className让样式sheet修改外观。有没有办法在不使用内联的情况下为组件提供默认样式 CSS?

我的一个想法是给一个组件添加一个CSS文件，或者直接在每个组件的jsx文件中添加一个tag，然后编译CSS或者jsx把所有CSS 在一个文件中并部分添加。

Answer 1

在 React 中用 inline style 方法很容易表达：

var compStyle = {
  color: 'white',
  backgroundImage: 'url(' + imgUrl + ')',
  margin: 5
};

React.render(<div style={compStyle}>Component</div>, mountNode);

如何为 React 组件设置默认样式

How to set the default style to a React Component

javascript

css

reactjs