React学习（三）数组变量

发布时间：2020-12-15 07:11:59 所属栏目：百科来源：网络整理

导读：JSX 允许直接在模板插入 JavaScript 变量。如果这个变量是一个数组，则会展开这个数组的所有成员。 html head meta charset="UTF-8" / titleHello React!/title script src="D:/ReactDom/build/react.min.js"/script script src="D:/ReactDom/build/react-do

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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!