在网页中搭建React环境

2025-06-01 00:57:40

1、打开React官网reactjs.bootcss.com;‘文档’‘在网站中添加 React’;

在网页中搭建React环境

2、找到“添加 Script 标签”,复制react.development.js和react-dom.development.js这两个<script>标签;

在网页中搭建React环境

3、把这两个<script>标签粘贴到您的HTML 页面中;

在网页中搭建React环境

4、网页囿鹣分胰向下滑动,找到‘快速尝试 JSX‘,复制babel.min.js的<script>标签;

在网页中搭建React环境

5、同样把这个<script>标签粘贴到您的HTML 页面中;

在网页中搭建React环境

6、在body中写一个<div>,作为容器,添加id;

在网页中搭建React环境

7、书写script标签:<scripttype="text/babel"></script>,必恍芊柩勖须写类型type="text/babel"

在网页中搭建React环境

8、书写React代码:

在网页中搭建React环境

9、显示效果如图:

在网页中搭建React环境
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢