React学习笔记

阅读量：403 次

发布时间：2019-03-05

本文共 570 字，大约阅读时间需要 1 分钟。

目录

学习菜鸟教程React

安装

npm 安装

npm install -g cnpm --registry=https://registry.npm.taobao.orgnpm config set registry https://registry.npm.taobao.org

在这里插入图片描述

安装脚手架

cnpm install -g create-react-app

在这里插入图片描述

用脚手架创建一个标准工程

create-react-app my-app

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

进入到新创建的项目目录里

cd my-app/

在这里插入图片描述

启动工程

npm start

在这里插入图片描述

浏览器访问效果

在这里插入图片描述

项目工程目录结构

在这里插入图片描述

修改App.js

import logo from './logo.svg';import './App.css';function App() {     return (    
         
            
             
     欢迎来到菜鸟教程
        
               Edit src/App.js and save to reload.        
        
               Learn React              
    
    
   
  );}export default App;

修改后的效果

在这里插入图片描述

转载地址：http://wnbzz.baihongyu.com/

你可能感兴趣的文章

Mysql 整形列的字节与存储范围

mysql 断电数据损坏，无法启动

MySQL 日期时间类型的选择

Mysql 时间操作（当天，昨天，7天，30天，半年，全年，季度）

MySQL 是如何加锁的？

MySQL 是怎样运行的 - InnoDB数据页结构

mysql 更新子表_mysql 在update中实现子查询的方式

MySQL 有什么优点？

mysql 权限整理记录

mysql 权限登录问题：ERROR 1045 (28000): Access denied for user ‘root‘@‘localhost‘ (using password: YES)

MYSQL 查看最大连接数和修改最大连接数

MySQL 查看有哪些表

mysql 查看锁_阿里/美团/字节面试官必问的Mysql锁机制，你真的明白吗

MySql 查询以逗号分隔的字符串的方法（正则）

MySQL 查询优化：提速查询效率的13大秘籍（避免使用SELECT 、分页查询的优化、合理使用连接、子查询的优化）（上）

mysql 查询数据库所有表的字段信息

【Java基础】什么是面向对象？

mysql 查询，正数降序排序，负数升序排序

MySQL 树形结构根据指定节点获取其下属的所有子节点（包含路径上的枝干节点和叶子节点）...

mysql 死锁 Deadlock found when trying to get lock； try restarting transaction