在React中声明浏览器特定内联样式的正确方法

Question

如何正确定义浏览器特定的内联样式，例如以“ - ”符号开头的webkit？

例如：

-webkit-box-shadow

Answer 1

可以写成WebkitBoxShadow。 来自官方documentation：

  

在React中，内联样式未指定为字符串。相反，他们   使用一个对象来指定，该对象的键是camelCased版本的   样式名称，其值是样式的值，通常是   串。样式键是camelCased以便与之保持一致   从JS访问DOM节点上的属性（例如   node.style.backgroundImage）。 ms以外的供应商前缀应该是   以大写字母开头。