重学react系列（一）—— hello-react

最新推荐文章于 2022-06-22 03:14:37 发布

dreamer_sen

最新推荐文章于 2022-06-22 03:14:37 发布

阅读量204

点赞数 2

分类专栏：重学react 文章标签： reactjs javascript html web前端

本文链接：https://blog.csdn.net/dreamer_sen/article/details/108730011

版权

不用JSX运行react程序

最简单的运行一个react程序，莫过于直接在HTML页面上引入react代码。
需要引入的js文件有两个：react和react-dom，（代码中的development后缀，表示开发版本，是未压缩的代码）

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />
  <title>Hello React</title>
  <script src="https://unpkg.com/react@16/umd/react.development.js"></script>
  <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
</head>

<body>
  <div id="root"></div>
  <script>
    ReactDOM.render(
      React.createElement('h1', null, 'Hello, React!'),
      document.getElementById('root')
    );
  </script>
</body>

打开html文件得到一个这样的页面

通过这个例子

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

dreamer_sen

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
重学react系列（一）—— hello-react

不用JSX运行react程序最简单的运行一个react程序，莫过于直接在HTML页面上引入react代码。需要引入的js文件有两个：react和react-dom，（代码中的development后缀，表示开发版本，是未压缩的代码）<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title>Hello React</title> <script s
复制链接

扫一扫