Skip to content

First React

🏷️ React

安装

  1. 安装 NPM (https://nodejs.org/en/download/)

  2. 切换到淘宝的 NPM 镜像

    bash
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    npm config set registry https://registry.npm.taobao.org
  3. 安装 create-react-app 模块,快速构建 React 开发环境

    bash
    cnpm install -g create-react-app
    create-react-app my-app
    cd my-app/
    npm start
  4. 打开 http://localhost:3000/

Hello, World

  1. 修改 src/App.js 为如下内容,保存后之前打开的页面会自动刷新。

    js
    import React, { Component } from 'react';
    import logo from './logo.svg';
    import './App.css';
    
    class App extends Component {
      render() {
        return (
          <h1>Hello, world!</h1>
        );
      }
    }
    
    export default App;