React生成有序列表

Linn01

于 2017-07-17 23:03:04 发布

阅读量1w

点赞数

1、问题背景

 利用React生成有序列表，并按照有序排列

2、实现源码

<!DOCTYPE html>  
<html>  
    <head>  
        <meta charset="UTF-8">  
        <title>React之有序列表</title>  
        <script type="text/javascript" src="../js/react.js" ></script>  
        <script type="text/javascript" src="../js/react-dom.js" ></script>  
        <script type="text/javascript" src="../js/browser.min.js" ></script>  
        <script type="text/babel">  
            ReactDOM.render(  
                <ol>  
                    <li>第一步</li>  
                    <li>第二步</li>  
                    <li>第三步</li>  
                    <li>第四步</li>  
                    <li>第五步</li>  
                    <li>第六步</li>  
                </ol>,  
                document.getElementById('ol')  
            );  
        </script>  
    </head>  
    <body>  
        <div id="ol">  

        </div>  
    </body>  
</html>