在网页中搭建React环境

 时间:2026-05-01 17:29:17

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 标签:<script type="text/babel"></script>,必须写类型 type="text/babel"

在网页中搭建React环境

8、书写React代码:

在网页中搭建React环境

9、显示效果如图:

在网页中搭建React环境

  • js代码全部失效,无语法错误,修改无用
  • 如何修改Wampserver默认文本编辑器和浏览器
  • 怎么下载mysql官方文档
  • 怎样将PPT导出为PDF格式
  • xampp 显示空白php页面
  • 热门搜索
    芭乐app下载大全 乌龟怎么冬眠 金昌鱼怎么做好吃 白鲢鱼怎么做好吃 过敏性皮炎治疗方法 怎么吃螃蟹 新鲜蒲公英怎么吃最好 成为魔王的方法 养肝护肝的方法 电脑怎么没声音