2016-07-19 11 views
0

にはどうすればReactJSインラインスタイルオブジェクトの複数のプロパティオブジェクト?

CSS

.class { 
    display: flex; 
    display: -webkit-flex; 
} 

が、リアクトにインラインスタイルを使用するのと同じである何かを書くのですか?

私は基本的にのようなものを探しています:

はJavaScript

let styles = { 
    display: ['flex', '-webkit-flex'] 
} 
+0

これは1つのオプションがたくさんあります。 https://github.com/FormidableLabs/radium –

答えて

3

あなたの問題はreactJS common problem still openedで、WebKitのスタイルのために適切な解決策

を待って、1つの解決策は、にあります連結値:

let styles = { 
    display: 'flex; display:-webkit-flex' 
} 

それ以外の場合は、より一般的な解決策は、要素のclassNameプロパティに与えられる 'flex'という名前のCSSを作成することです。

第3解決策:Radiumを使用してください。私はそれがあまりにも大きいと信じて&あなたの問題は面倒ですが、あなたは時間があればそれを試すことができます... :)

関連する問題