1. <!DOCTYPE html>
    2. <html>
    3. <head>
    4. <script src="../build/react.js"></script>
    5. <script src="../build/react-dom.js"></script>
    6. <script src="../build/browser.min.js"></script>
    7. </head>
    8. <body>
    9. <div id="example"></div>
    10. <script type="text/babel">
    11. var arr = [
    12. <h1>Hello world!</h1>,
    13. <h2>React is awesome</h2>,
    14. ];
    15. ReactDOM.render(
    16. <div>{arr}</div>,
    17. document.getElementById('example')
    18. );
    19. </script>
    20. </body>
    21. </html>
    23. 01、JSX 允许直接在模板插入JavaScript 变量。如果这个变量是一个数组，则会展开
    24. 这个数组的所有成员。