Material-uiとRadiumで複数のスタイルを使用する際の問題

Question

RadiumとMaterial-uiを組み合わせようとしています。 1つのMaterial-UIコンポーネントに複数のスタイルを適用しようとすると、スタイルは適用されません。それが動作

<MenuItem 
    style={Object.assign({}, styles.styleOne, styles.styleTwo)} 
    > 

：私のような何かを行う場合は、もちろん

<MenuItem 
    style={[styles.styleOne, styles.styleTwo]} 
    > 

：だから、例えば、このようなものが適用されていないスタイリングを生成しません。その周りに何らかの方法があるのですか、これはMaterial-UIコンポーネントのスタイルを組み合わせるためにRadiumを使用する唯一の方法ですか？もちろん、DIV要素などのスタイルの配列を適用するか適切に動作するため、Radiumは適切に設定されています。 また、Material-uiライブラリを使用したReactプロジェクトのスタイリングに関する提案はありません。ありがとう！

Answer 1

このフィドルをチェックアウト：https://jsfiddle.net/Lxh5x2qr/

それはJSX広がりビットよりよい構文です（...）演算子、使用しています。同じように、オブジェクトの順序は問題ありません注意してください

styleOne: { 
    background: 'blue', 
    color: 'red' 
}, 

styleTwo: { 
    background: 'green' 
}, 

... style={{...this.styleOne, ...this.styleTwo}} ... 

をObject.assignにあります。

我々はMenuItemはDOM要素ではありませんので、我々はそれにstyleを適用すると、material-uiは、基礎となる要素に適用する前に、それを操作し、おそらくこれは、配列を使用して動作しない理由であることを忘れてはなりません。