React.js 官网入门教程分离文件操作无法正常显示HelloWord

对着React官网的教程练习操作，在做到分离文件练习时，按照官网步骤来却怎么也无法正常显示HelloWord。

经测试，html文件中内容改为：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>Hello React</title>
    <script src="../react-15.2.0/build/react.js"></script>
   <script src="../react-15.2.0/build/react-dom.js"></script>
</head>
<body>
   <div id="example"></div>
   <script src="../build/helloword.js"> </script>
</body>
</html>

分离出的jsx文件内容为：

ReactDOM.render(
<h1>Hello, world!</h1>,
document.getElementById('example')
);

利用 jsx --watch src/ build/ 编译后的js文件为：

ReactDOM.render(
React.createElement("h1", null, "Hello, world!"),
document.getElementById('example')
);

红色加粗为添加的内容。如此，即可显示HelloWord了。不明白为什么官网的例子我走不通，而我改这样就能走通了。有明白的可以告知我一下下~

---------------------------------------分割线------------------------------------

附文档目录树：

---------------------------------------分割线------------------------------------

转载于:https://www.cnblogs.com/fhychzu/p/5706325.html

React.js 官网入门教程分离文件操作无法正常显示HelloWord相关推荐

Node.js 官网入门教程（一） CommonJS 模块规范、Node.js REPL、console、CLI、exports
Node.js 官网入门教程(一) CommonJS 模块规范.Node.js REPL.console.CLI.exports 文章目录 Node.js 官网入门教程(一) CommonJS 模块规 ...
Node.js 官网入门教程（二） npm（安装、包版本、卸载、npx）、package.json（scripts、devDependencies）package-lock.json（语义版本规则符号
Node.js 官网入门教程(二) npm(包管理.安装.包版本.卸载.npx).package.json(scripts.devDependencies).package-lock.json(语义版 ...
2021最新Node.js官网安装教程，配置环境变量（图文详细）
打开官网 Node.js官网 ,选择自己的版本,这里我使用的是Windows64位的,下载.msi安装包下载之后,双击运行点击next下一步勾选同意,点击Next下一步选择安装路径,这里我选择 ...
React 官网入门教程 - 井字棋小游戏
刚刚开始学习 React,跟着官网的小教程做了一遍,还做了一些代码的精简和修改官网教程地址:点击跳转到官网最终效果: import React from 'react' import ReactD ...
Qt入门教程【文件操作篇】QFile文件处理对象
QFile描述 QFile 是一种用于读写文本和二进制文件和资源的 I/O 设备. QFile 可以单独使用,或者更方便地与 QTextStream 或 QDataStream 一起使用. 文件名通常 ...
Three.js零基础入门教程(2023版本)
1. threejs文件包下载和目录简介在正式学习Three.js之前,先做一些必要的准备工作,具体说就是下载threejs官方文件包,threejs官方文件包提供了很多有用的学习资源. Three ...
knockout+html绑定,Knockout.Js官网学习（style绑定、attr绑定）
Style绑定 style绑定是添加或删除一个或多个DOM元素上的style值.比如当数字变成负数时高亮显示,或者根据数字显示对应宽度的Bar.(注:如果你不是应用style值而是应用CSS clas ...
java htmlunit教程_htmlunit官网简易教程（翻译）
1 环境搭建: 1)下载从链接:http://sourceforge.net/projects/htmlunit/files/htmlunit/ 下载最新的bin文件 2)关于bin文件里面主要包 ...
坚如磐石的React.js基础：入门指南
by Rajat Saxena 通过拉贾特·萨克森纳(Rajat Saxena) 坚如磐石的React.js基础:入门指南 (Rock Solid React.js Foundations: A Be ...

React.js 官网入门教程分离文件操作无法正常显示HelloWord

React.js 官网入门教程分离文件操作无法正常显示HelloWord相关推荐

最新文章

热门文章

React.js 官网入门教程 分离文件 操作无法正常显示HelloWord

React.js 官网入门教程 分离文件 操作无法正常显示HelloWord相关推荐

最新文章

热门文章

React.js 官网入门教程分离文件操作无法正常显示HelloWord

React.js 官网入门教程分离文件操作无法正常显示HelloWord相关推荐