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/

你可能感兴趣的文章

ButterKnife使用问题

React学习笔记（一）

低代码后续发展路线图

MobX 学习 - 04 TodoList 案例

MobX 学习 - 06 异步任务、rootStore、数据监测

FPGA学习网站推荐

oracle 翻译ip归属地／经纬度／定位；获取ip归属地／经纬度／定位；获取ip gps定位／lng,lat／坐标

LeetCode:100. Same Tree相同的树（C语言）

【个人网站搭建】GitHub pages+hexo框架下为next主题添加分类及标签

GDB命令—jump/return/call/disassemble

java基础--继承

fastjson 反序列化源码解析

按位与、或、非、异或总结

TCP心跳检测包

01 背包问题

JVM - 参数配置影响线程数

在 springboot 项目中全局处理异常

ILI9341几个重要的命令

AD如何对原理图进行注释

NC15136: 迷宫