ReactJs 第一章HelloWorld

创建ReactJs工程（本人使用的是create-react-app（FaceBook的一个React脚手架工具））。删除新创建工程中无用文件保留工程文件如下：

index.html 代码如下:

<!DOCTYPE html>
<html lang="en"><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /><title>React App</title></head><body><div id="root"></div></body>
</html>

index.js代码如下：

import React from 'react';
import ReactDOM from 'react-dom';ReactDOM.render(<h1>Hello World</h1>,document.getElementById('root'));

进入项目目录后使用命令npm run start 运行：

网页弹出效果如下：

React本地环境搭建参考：https://www.cnblogs.com/jianan/p/9564259.html

ReactJs 第一章HelloWorld相关推荐

【JAVA SE】第一章 Java语言概述、环境变量和HelloWorld
第一章 Java语言概述.环境变量和HelloWorld 文章目录第一章 Java语言概述.环境变量和HelloWorld 一.Java语言概述 1.Java简介 2.Java发展历史 3.Java ...
java怎么开始学dos,第一阶段-Java基础知识：【第一章 DOS命令与开发环境的配置 + 第一个程序HelloWorld】...
加油Ideal星河滚烫你是人间理想第一阶段 JAVA基础知识第一章开发环境的配置 Dos 命令在正式进入Java学习之前我们来了解一个看起来B格很高的东西--Dos命令 DOS命令,计算机 ...
PhalAPI学习笔记 ——— 第一章自定义HelloWorld接口
PhalAPI学习笔记 --- 第一章自定义HelloWorld接口前言自定义接口项目实例结果分布解析结束语前言公司业务需要转学PHP,而PHP中一个功能强大且生态链完整的PHP接口框 ...
《java学习之路》第一章：初识java第二节：helloworld
嗨大家好,我是埪动白,前一段时间由于一些原因,java学习之路停更了,我向大家道歉.今天我们来学习下一节第一章:初识java 第二节:hello world 如果哪位同学没有看第一节,建议先看一下, ...
Python3-Cookbook总结 - 第一章：数据结构和算法
第一章:数据结构和算法 Python 提供了大量的内置数据结构,包括列表,集合以及字典.大多数情况下使用这些数据结构是很简单的. 但是,我们也会经常碰到到诸如查询,排序和过滤等等这些普遍存在的问题. ...
第一章 Web MVC简介 —— 跟开涛学SpringMVC
第一章 Web MVC简介 -- 跟开涛学SpringMVC Web MVC简介 1.1.Web开发中的请求-响应模型: 在Web世界里,具体步骤如下: 1. Web浏览器(如IE)发起请求,如访问 ...
第一行代码第一章——你的第一行Android代码
第一行代码第一章-你的第一行Android代码知识点目录 1.1 了解全貌--Android王国简介 * 1.1.1 Android系统架构 * 1.1.2 Android已发布的版本 * 1.1. ...
《Go语言圣经》学习笔记第一章 Go语言入门
Go语言圣经学习笔记第一章 Go语言入门目录 Hello, World 命令行参数查找重复的行 GIF动画获取URL 并发获取多个URL Web服务本章要点注:学习<Go语言圣经&g ...
19年8月字母哥第一章 spring boot 2.x基础及概念入门这里全部看完了热部署没出来第二章在前面2页用热点公司网不行
http://springboot.zimug.com/1233100 文档 http://www.zimug.com/page/5 字母哥个人博客 11111 第一章 spring bo ...

ReactJs 第一章HelloWorld

ReactJs 第一章HelloWorld相关推荐

最新文章

热门文章