ReactJS 如何使用罗马数字格式创建列表 "ol" 或 "ul"

Question

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

type='i' 未定义
数据类型='i' 不工作

list-style-type="upper-roman" 不工作

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>

ReactJS 如何使用罗马数字格式创建列表 "ol" 或 "ul"

ReactJS how to create list "ol" or "ul" with roman number format

html

css

flux

roman-numerals

reactjs