关于react单页面引入

188 阅读1分钟

在初学react时用到了react的简单引入,其中要注意的地方做一下总结。

1、引入主要的核心文件

react的核心库

unpkg.com/react@16/um…

react的与dom相关的一些功能

unpkg.com/react-dom@1…

将浏览器不支持的jsx语法转化为js语法

unpkg.com/babel-stand…

2、创建容器

    <div id="root"></div>

3、jsx渲染到容器中

  React.render(
    <div>
        Hello,world!
    </dvi>,
    document.getElementById('root')
  )

**其中要注意的是在引入jsx时,script标签的type属性是text/babel