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/

你可能感兴趣的文章

multi_index_container

MySQL DBA 进阶知识详解

Mura CMS processAsyncObject SQL注入漏洞复现(CVE-2024-32640)

Mysql DBA 高级运维学习之路-DQL语句之select知识讲解

mysql deadlock found when trying to get lock暴力解决

MuseTalk如何生成高质量视频（使用技巧）

mutiplemap 总结

MySQL DELETE 表别名问题

MySQL Error Handling in Stored Procedures---转载

MVC 区域功能

MySQL FEDERATED 提示

mysql generic安装_MySQL 5.6 Generic Binary安装与配置_MySQL

MySQL I 有福啦，窗口函数大大提高了取数的效率！

mysql id自动增长初始值 Mysql重置auto_increment初始值

MySQL in 太多过慢的 3 种解决方案

MySQL InnoDB 三大文件日志，看完秒懂

Mysql InnoDB 数据更新导致锁表

Mysql Innodb 锁机制

MySQL InnoDB中意向锁的作用及原理探