![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
cherry.....
这个作者很懒,什么都没留下…
展开
-
React基础
React 了解React React是一个视图层的框架,起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。由于 React 的设计思想极其独特,属于革命性创新,性能出众,代码逻辑却非常简单。所以,越来越多的人开始关注和使用,认...原创 2019-03-14 09:44:14 · 197 阅读 · 0 评论 -
生命周期 & 表单
生命周期 constructor是组件第一个生命周期,该周期是组件(构造函数)实例化的时候,获取props和state或者执行一些初始化函数的一个周期 该周期就是我作为一个组件,我演员拿剧本(props)和化妆(state),准备最好的状态去登场 ES5是用getDefaultProps()和getInitialState这两个来表述该生命周期 ES6是用constructor来表述该状态 co...原创 2019-03-15 09:15:51 · 717 阅读 · 0 评论 -
React脚手架 & 路由
脚手架 creact react app的官方文档 以系统管理员的身份,安装该脚手架全局命令 npx create-react-app my-app //第一种方法装脚手架 npm install create-react-app -g 你就会在全局命令行里面拥有一个create-react-app命令,可以用以下命令检查是否安装成功 create-react-app -V 创建第一个项目,...原创 2019-03-15 09:12:40 · 232 阅读 · 0 评论 -
React(父子通信)
react父子通信 父子组件通信,在父组件内定义函数,用props将函数传入子组件,在子组件内执行该函数,修改父组件数据, 父组件再配合shouldComponentUpdate生命周期监听数据修改,刷新页面 //home父组件 import React, { Component } from 'react'; import Xcontent from './../components/Xcont...原创 2019-03-15 09:12:19 · 153 阅读 · 0 评论 -
JSX & 组件 & State
React https://react.docschina.org/ 是跟 Vue 很相似的一套框架,它Facebook写的 在国内,它使用范围没 Vue 那么广 React最有学习价值,历史地位非常高的 声明式 v-text {{}} M->V 组件化 Vue.component() .vue文件 安装 Facebook开源框架 react.min.js - React 的核心...原创 2019-03-15 09:12:00 · 240 阅读 · 0 评论 -
Dva 脚手架 & get请求 & post请求
Dva https://dvajs.com/ 安装 npm install dva-cli -g dva new dva-quickstart cd dva-quickstart npm start 路由 //新建route页面, routes/Products.js,内容如下: import React, { Component } from 'react'; export default...原创 2019-03-14 09:50:19 · 2556 阅读 · 0 评论 -
React-router
React-router React-router4(以下简称RR4)遵循React的设计万物皆组件的理念。所以只是一堆 提供了导航功能的组件,具有声明式(引入即用),可组合性的特点 介绍 react-router被分为一下几部分: react-router 核心,是浏览器和原生应用的通用部分,不提供dom操作进行跳转的api。 react-router-dom 基于浏览器环境的开发。 re...原创 2019-03-14 09:43:49 · 178 阅读 · 0 评论 -
Redux
Redux Flux,Redux,React-redux概念 严格意义上来说,React 只是MVC架构中的View层,并不是 Web 应用的完整解决方案,因此,只用 React 没法实现大型应用。为了解决这个问题,2014年 Facebook 提出了 Flux 架构的概念,并在2015年推出Redux,将 Flux 与函数式编程结合一起,在很短时间内就成为了最热门的前端架构。 什么是Re...原创 2019-03-14 09:45:40 · 119 阅读 · 0 评论 -
React生命周期
React 组件生命周期 组件的生命周期分成三个状态: Mounting:已插入真实 DOM Updating:正在被重新渲染 Unmounting:已移出真实 DOM React 为每个状态都提供了两种声明周期函数,will 函数在进入状态之前调用,did 函数在进入状态之后调用,三种状态共计五种处理函数 componentWillMount 在组件被渲染到页面上之前执行,在组件...原创 2019-03-14 09:44:35 · 137 阅读 · 0 评论 -
webpack 搭建 react
webpack 基于nodeJS,来实现模块化的 gulp自动化构建工具,打包合并压缩重命名等… webpack其实也是一套自动化构建工具,在打包代码的时候也是跟gulp很想的 webpack功能相对多 左边比较多的文件(模块),也比较多的格式(js,css,html,jsx,scss) 右边文件比较少,大部分都是转为JS格式,还有一些图片格式 webpack其实处理各种类型的文件,最终想把他...原创 2019-03-15 09:16:37 · 125 阅读 · 0 评论