styled（Component）カスタム値にスタイル値を渡しません

IchはReact Component Knobを持っていて、異なるスタイルを渡してCSSグリッドに複数回配置します。親コンポーネントはDisplay: gridがあり、子どもたちは、このようなスタイルされていますstyled（Component）カスタム値にスタイル値を渡しません

const Treble = styled(Knob)` 
    grid-column: 2; 
    grid-row: 1; 
`; 

const Mid = styled(Knob)` 
    grid-column: 2; 
    grid-row: 2; 
`; 
...

しかし、生憎グリッド値は、ノブのコンポーネントに渡されていません。グリッド値をノブコンポーネントの一番上のコンテナに配置すると（スタイル付きコンポーネントも同様にスタイルされます）、期待どおりに動作します。誰かが私にここで間違っていることを教えてもらえますか？

2017-12-24 Simons0n

'' ヘルプに '' {...} this.propsを追加していますか？このように '<ノブ{... this.props} />'です。 – brkn

いいえ、私は再びdocuを読んで、クラス名を渡す必要があります。私はその最初の時間を正しく読んでいない;）ありがとう、しかし！ – Simons0n

私はもう一度ドキュメントを読んで、クラス名を子コンポーネントの親コンポーネントに渡す必要があることを理解しました。だから私はへKnobのレンダリング（）を変更：

const {className} = this.props; 
<Container className={className}> 
    ... 
</Container>

2017-12-24 13:47:01 Simons0n

答えて