リストを含むJSX要素を作成しています。ローマ字形式を使用する必要がありますが、何も機能しません。
list-style-type = "upper-roman"が機能しない
const howToTest: JSX.Element = (
<div>
<ol list-style-type="upper-roman">
<li>1</li>
</ol>
</div>
);
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>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加