美文网首页
十五、html页面直接引入react

十五、html页面直接引入react

作者: 懒羊羊3号 | 来源:发表于2019-07-05 10:31 被阅读0次

最简示例

cdn资源网:https://www.bootcdn.cn/

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Hello World</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>
    <script src="https://cdn.bootcss.com/babel-standalone/7.0.0-beta.3/babel.js"></script>
</head>
<body>
<div id="root"></div>
<script type="text/babel">
    ReactDOM.render(
    <h1>Hello, world!</h1>,
    document.getElementById('root')
    );
</script>
</body>
</html>

相关文章

  • 十五、html页面直接引入react

    最简示例 cdn资源网:https://www.bootcdn.cn/

  • React学习--入门篇

    1 什么是React? 2 开始使用 2.1 直接引入 在HTML中直接引入React核心库文件进行开发。

  • 用Spring Boot搭建Web应用

    引入Maven依赖 Controller类及HTML页面 如上页面,直接打开html页面展现Hello World...

  • React

    初始化React 从 html 开始你的第一个 react 页面。引入三个文件:react核心文件、react-d...

  • canvas+jquery验证码

    插件不大,引入直接写都可以 html页面中: js页面中:

  • react 引入图片

    react 中引入图片不能像 HTML 或 vue 中,直接在 src 写路径,而是需要 import 引入,或者...

  • vue设置页面标题title

    每个页面设置相同标题 index.html 直接修改title标签里面的标题(ps: 这个html文件中也可以引入...

  • 2019-07-16markdown转html

    使用marked 这个插件 然后再需要的页面引入, 然后直接使用maeked()方法即可转换为html。

  • vue引入js文件

    直接在index.html中引入,太占地方了,因为只有两个页面用到,我们在使用的页面在引入 但是这样一来有个问题,...

  • html静态页面引入公共html页面

    不用模板引擎在普通静态html页面导入公共的html页面,比如header.html, footer.html, ...

网友评论

      本文标题:十五、html页面直接引入react

      本文链接:https://www.haomeiwen.com/subject/mgbccctx.html