JS 组件可以继承 CSS 样式吗？

【问题标题】：Can JS components inherit CSS style?JS 组件可以继承 CSS 样式吗？
【发布时间】：2016-07-27 01:23:15
【问题描述】：

我正在写一个网页。我学到了一些反应，以及一些基本的 html 和 css。我想知道，DOM JS 组件是否可以从其父级继承 css 样式？例如：

export default class Component extends React.Component {

  render() {
    return (
      <div color="red">
      </div>
    );
  }
}

<div color="blue">
  <Component className={ /* my parents styles */} />
</div>

【问题讨论】：

标签： javascript html css reactjs

【解决方案1】：

你的组件不能直接从它的父组件继承类，但是你的父组件可以通过它的 props 给你的组件类。

<Component className="some-class" ...otherProps />

会导致：

<div class="some-class"></div>

【讨论】：