关于样式的不同技术需要不同的约定来命名某些属性，主要是驼峰式与连字符式
通过 JS 直接在 HTML DOM 节点上设置样式 - element.style.paddingTop = "12px";
在 React 中设置内联样式 - < Component style={{paddingTop: "12px"}} />
在 .CSS 文件中设置它 - .selector {padding-top: 12px}
不同规则的根本原因是什么？我不明白为什么这比使用驼峰命名的所有 HTML/CSS/JS 或全部使用连字符样式更好。