从零开始学React(3)——数组

前端之家收集整理的这篇文章主要介绍了从零开始学React(3)——数组前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

前一章是从零开始学React(2)——React语法http://my.oschina.net/u/2608629/blog/675744

在JXS中,我们可以把要显示内容放入一个数组。然后,打印出来。即使数组中放的元素有嵌套关系也没问题。

如下面代码所示

  1. <!DOCTYPE html>
  2. <html>
  3. <Meta charset="UTF-8">
  4. <head>
  5. <script src="../build/react.js"></script>
  6. <script src="../build/react-dom.js"></script>
  7. <script src="../build/browser.min.js"></script>
  8. </head>
  9. <body>
  10. <div id="input_name"></div>
  11. <script type="text/babel">
  12. var names=[<h1>密码</h1>,<input type="text" defaultValue="password"/>,<select><option name="country" value="chinese">中国</option>,<option name="country" value="America">美国</option>,</select>];
  13. ReactDOM.render(
  14. <div>{names}</div>,document.getElementById("input_name")
  15. )
  16. </script>
  17. </body>
  18. </html>

names是数组,在这里。我们打印names的内容。然后,names被遍历。所有的元素依次打印出来。

接下来的一章是从零开始学React(4)——自定义组件http://my.oschina.net/u/2608629/blog/675895

猜你在找的React相关文章