ReactJS如何创建罗马数字格式的列表“ ol”或“ ul”

Question

我正在创建包含列表的JSX元素，我需要使用罗马格式，但是没有任何作用

1. type ='i'未定义
2. data-type ='i'不起作用

3. list-style-type =“大写罗马字”不起作用

   const howToTest: JSX.Element = (    
     <div>
       <ol list-style-type="upper-roman">
         <li>1</li>
       </ol>
     </div>
   );
   

Answer 1

您不应通过list-style-type作为道具，而应将其作为style属性。

示例

class App extends React.Component {
  render() {
    return (
      <div>
        <ol style={{ listStyleType: "upper-roman" }}>
          <li>1</li>
          <li>2</li>
          <li>3</li>
        </ol>
      </div>
    );
  }
}

ReactDOM.render(<App />, document.getElementById("root"));

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>

<div id="root"></div>