Reactでブラウザ固有のインラインスタイルを宣言する適切な方法

Question

「 - 」記号で始まるWebkitなど、ブラウザ固有のインラインスタイルを正しく定義するにはどうすればよいですか？例えば

：

-webkit-box-shadow 

Answer 1

それはWebkitBoxShadowのように記述することができます。 公式からdocumentation：

Reactでは、インラインスタイルは文字列として指定されていません。その代わりに、 は、キーが のスタイル名で、その値がスタイルの値であるキャメルケースのバージョン（通常 文字列）のオブジェクトで指定されます。スタイルキーは、 と一致するように、JSのDOMノードのプロパティ（例： 、node.style.backgroundImage）にアクセスするためにキャラルケースです。 ms以外のベンダープレフィックスは、大文字で始まる でなければなりません。