React学习(三)数组变量

来源:互联网 发布:软件测试工程师自我介绍 编辑:程序博客网 时间:2024/05/22 01:32

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>