React遍历标签数组

最新推荐文章于 2024-10-24 21:42:44 发布

采精小蝴蝶

最新推荐文章于 2024-10-24 21:42:44 发布

阅读量671

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/jrrfgj/article/details/86648632

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">   var strArray = [    <label>春季</label>,    <span>夏季</span>,    <p>秋季</p>,    <dl>冬季</dl>   ];      ReactDOM.render(    <ol>     {      strArray.map(function(username){       return <li>{username}</li>      })     }    </ol>,    document.getElementById("arrDiv")   );  </script> </head> <body>  <div id="arrDiv"></div> </body></html>