添加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>

有关反应内联样式的文档在这里.