React 笔记1:Installation & HelloWorld

前端之家收集整理的这篇文章主要介绍了React 笔记1:Installation & HelloWorld前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

React 官方文档

创建React应用

首先要安装npm(安装过程略)
第一步:创建ReactSpace文件
第二步:在ReactSpace文件夹中使用命令:

npm install -g create-react-app // 安装react相关内容
create-react-app hello-world // 创建应用hello-world
cd hello-world // 进入到应用目录中
npm start // 启动应用服务器,自动打开浏览器

第三步:在hello-world目录中使用以下命令:

npm init // 初始化版本、git仓库、等相关信息
npm install --save react react-dom // 安装react相关组件

初体验:

import React from 'react';
import ReactDOM from 'react-dom';

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

猜你在找的React相关文章