添加list-style-type以响应内联样式

Question

我正在尝试在React中为列表添加样式：

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。