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

コンポーネントは親クラスから直接クラスを継承することはできませんが、親クラスはそのコンポーネントクラスをその小道具を通じてGIVEできます。

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

はにつながる：

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