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

Question

我正在写一个网页。我学习了一些 react ，以及一些基本的 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>

Answer 1

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

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

会导致:

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