React学习(三)数组变量

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

JSX 允许直接在模板插入 JavaScript 变量。如果这个变量是一个数组,则会展开这个数组的所有成员。

<html>
  <head>
    <Meta charset="UTF-8" />
    <title>Hello React!</title>
    <script src="D:/ReactDom/build/react.min.js"></script>
    <script src="D:/ReactDom/build/react-dom.min.js"></script>
    <script src="D:/ReactDom/build/browser.min.js"></script>
  </head>
<body>
    <div id="example"></div>
    <script type="text/babel">
      var arr = [
        <h1 key="1">Hello world!</h1>,<h2 key="2">React is awesome</h2>,];
      ReactDOM.render(
        <div>{arr}</div>,document.getElementById('example')
      );
    </script>
  </body>
</html>

猜你在找的React相关文章