react（3）——导入了正确的包，但是运行不出来，原因是因为导入包的顺序有问题

阅读量：317 次

发布时间：2019-03-04

本文共 762 字，大约阅读时间需要 2 分钟。

源代码：

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>01_HelloWorld</title>    <script src="../js/react-dom.development.js"></script>    <script src="../js/react.development.js"></script>    <script src="../js/babel.min.js"></script></head><body><div id="test"></div><script type="text/babel">    //1.创建虚拟DOM元素对象    var vDom = <h1>Hello!</h1>       //字符串    //2.将虚拟DOM渲染到页面真实DOM容器中    ReactDOM.render(        vDom,        document.getElementById("test")    )</script></body></html>

如图这样的代码进行运行，运行结果一片空白；
在这里插入图片描述

究其原因是因为react.development.js须在react-dom.development.js之前导入

将导入部分的代码改为：

    <script src="../js/react.development.js"></script>    <script src="../js/react-dom.development.js"></script>    <script src="../js/babel.min.js"></script>

成功运行
在这里插入图片描述

转载地址：http://xseq.baihongyu.com/

你可能感兴趣的文章

力扣：地图分析(多源bfs)

NC15136: 迷宫

动态点击a标签

oracle创建序列语法

springboot通过控制层跳转页面404

idea2020 没有 tomcat server

jq动态修改元素的onclick属性的值

为什么讨厌所谓仿生AI的说法

Fatal NI connect error 12547, connecting to: (LOCAL=NO)

ORACLE 客户端工具

Elasticsearch下载慢？分享百度云下载-ELK

云服务器springboot jar项目开启jmx remote监控-解决无法连接的问题

文件上传-FileUpload

Pyinstaller打包的exe文件过大的解决方法

Linux的软链接跟Windows快捷方式一样？

更改github的默认语言类型

使用bigdecima实例化时传int和string时的精度丢失

使用第三方sdk,微信wechat扫码登录

windows下的netstat命令略解和linux下的netstat命令/awk打印或分割字符串