JS入门到精通第20章常用前端框架简介

分类Javascript时间2026-07-08 10:44:18发布信义之树浏览6

导读：一、练习 1. 练习1 （1）源代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>定义数组并输出</title...

一、练习

1. 练习1

（1）源代码

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
    <title>定义数组并输出</title>
    <script src="JS/react.js"></script>
    <script src="JS/react-dom.js"></script>
    <script src="JS/browser.min.js"></script>
</head>
    
<body>
    <div id="example"></div>   
    
      
      
<script type="text/babel">
     var arr = [
          <h1>Hello React</h1>,
          <h2>Hello JavaScript</h2>
    ];
      ReactDOM.render(
        <div>{arr}</div>,
          document.getElementById('example')
      );
</script>
      
      
</body>
</html>

（2）运行页面

https://www.xinyizhishu.top/jsC/sc/20_1/

（3）Tips

JS/react.js，react-dom.js，browser.min.js

var arr=[<h1>Hello React</h1>, <h2>Hello JavaScript</h2>];

ReactDOM.render(<div>{arr}</div>,document.getElementById('example'));

JS入门到精通第19章 jQuery技术 JS入门到精通第17章 Javascript中的XML

JS入门到精通 第20章 常用前端框架简介

相关内容

JS入门到精通第20章常用前端框架简介