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 死锁 Deadlock found when trying to get lock； try restarting transaction

mysql 死锁(先delete 后insert)日志分析

MySQL 死锁了，怎么办？

MySQL 深度分页性能急剧下降，该如何优化？

MySQL 深度分页性能急剧下降，该如何优化？

MySQL 添加列，修改列，删除列

mysql 添加索引

MySQL 添加索引，删除索引及其用法

MySQL 用 limit 为什么会影响性能？

MySQL 用 limit 为什么会影响性能？有什么优化方案？

MySQL 用户权限管理：授权、撤销、密码更新和用户删除（图文解析）

mysql 用户管理和权限设置

MySQL 的 varchar 水真的太深了！

mysql 的GROUP_CONCAT函数的使用（group_by 如何显示分组之前的数据）

MySQL 的instr函数

MySQL 的mysql_secure_installation安全脚本执行过程介绍

MySQL 的Rename Table语句

MySQL 的全局锁、表锁和行锁

mysql 的存储引擎介绍