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

Question

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

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

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

会导致：

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