reactJS - 01初识

最新推荐文章于 2022-11-09 13:48:28 发布

学习笔记666

最新推荐文章于 2022-11-09 13:48:28 发布

阅读量405

点赞数

分类专栏： HTML5

本文链接：https://blog.csdn.net/github_26672553/article/details/52016862

版权

HTML5 专栏收录该内容

43 篇文章 0 订阅

订阅专栏

reactJS文件包：
这里写图片描述

写个示例：

<!DOCTYPE html>
<html>
<head>
    <title>初始</title>
    <meta charset="utf-8">
    <script src="build/react.js"></script>
    <script src="build/react-dom.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
</head>
<body>
    <div id="demo"></div>

    <script type="text/babel"> 
        ReactDOM.render(
            <h1>Hello,world</h1>,
            document.getElementById('demo')
        );
    </script>
</body>
</html>

浏览器效果：
这里写图片描述

看代码，我们用 <script type="text/babel"> 标签，然后通过Babel转换成在浏览器中真正执行的内容。
上例是用 <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script> 来进行”翻译”的。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

学习笔记666

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
reactJS - 01初识

reactJS文件包：写个示例：<!DOCTYPE html><html><head> <title>初始</title> <meta charset="utf-8"> <script src="build/react.js"></script> <script src="build/react-dom.js"></script> <script sr
复制链接

扫一扫