添加列表样式类型反应内嵌样式

Question

我想一个样式添加到反应的列表：

const listStyle = {
  list-style-type: none,   // Error
};

接着：

const Box = () => (
   <ul style={listStyle}>
     <li>one</li>
     <li>two</li>
   </ul> 
);

但是，我得到一个意外的标记错误。是list-style-type不支持？

即使这样做内联提供了一个错误：

<ul >
  <li style={{list-style-type: "none"}}>One</li>
  <li style={{color: "red"}}><Checkbox />Two</li>     
</ul>

Answer 1

你的问题是与样式属性的名称，它应在驼峰格式：

<li style={{ listStyleType: "none" }}>One</li>

上联样式在反应文档here。