React生成无序列表

柔光的暖阳◎ 2022-07-15 06:47 272阅读 0赞

1、问题背景

  1.  利用React生成无序列表，列表展示的是一年四季

2、实现源码

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title>React之无序列表</title>
  6.         <script type="text/javascript" src="../js/react.js" ></script>
  7.         <script type="text/javascript" src="../js/react-dom.js" ></script>
  8.         <script type="text/javascript" src="../js/browser.min.js" ></script>
  9.         <script type="text/babel">
  10.             ReactDOM.render(
  11.                 <ul>
  12.                     <li>春季</li>
  13.                     <li>夏季</li>
  14.                     <li>秋季</li>
  15.                     <li>冬季</li>
  16.                 </ul>,
  17.                 document.getElementById('ul')
  18.             );
  19.         </script>
  20.     </head>
  21.     <body>
  22.         <div id="ul"></div>
  23.     </body>
  24. </html>

3、实现结果

![Image 1][]

[Image 1]:

发表评论

表情：
评论列表 （有 0 条评论，272人围观）

还没有评论，来说两句吧...

相关阅读

    相关 HTML

    ul的英文全称是unordered list，翻译成汉语就是无序列表的意思。 顾名思义，通过`< ul>`元素可以创建无法标记顺序的列表（也就是无序列表）。 所谓无序...

    小灰灰小灰灰/ 0 赞/ 1111 阅读