MAYA_G的博客

constructor：初化生命周期函数 1.在这个生命周期函数里面，可以定义当前组件需要的一些状态，通过this.state = { }来定义状态 2.当前生命周期必须使用super这个方法，否则会报错；当前组件的状态必须定义在this.state里面 3.super( )：用来实现继承 getDerivedStateFromProps 1.替代原有的componentWillReceiveProps 2.将传入的 props映射到state上 3.每次re-rendering之前被调用 4.即使你的p.

constructor：初化生命周期函数 1.在这个生命周期函数里面，可以定义当前组件需要的一些状态，通过this.state = { }来定义状态 2.当前生命周期必须使用super这个方法，否则会报错；当前组件的状态必须定义在this.state里面 3.super( )：用来实现继承 componentWillMount：挂载前 1.当constructor执行完毕以后当前的生命周期就会执行，在这个生命周期函数里面我们可以通过this.props访问到外部属性。 2.在这个生命周期函数里面我们可以将.

redux（npm install --save redux） javascript提供的一个可预测性的状态容器，在vue中可以使用，但是在react中会比较多，可以集中管理多个组件的状态。 需求场景 1. 多个组件的状态需要共享的时候 2. 一个组件需要改变另一个组建的状态的时候 3. 组建的状态需要在任何时候都可以拿到 三个原则 1. 单一数据源，整个react中的状态都会被统一管理到store 2. state是只读的，不能直接改变state,而是通过出发redux中的特定方法来进行修改 3. 使用.

查看无状态组件的props import React, {Component} from 'react' import Home from "./components/Home" import User from "./components/User" import Phone from "./components/Phone" import {Route,Link,NavLink,Switch,Redirect} from 'react-router-dom' function App(props){

什么是路由 根据不同的url地址展示不同的页面或者数据 路由分为前端路由和后端路由 前端路由： 1. 前端路由多用于单页面开发（SPA） 2. 前端路由切换不涉及到服务器，是前端利用hash或者HTML5的historyApi来实现的，一般用于不同内容展示及切换 路由模式 hash：HashRouter（带#号，刷新的时候页面不会丢失） browser: Browser-Router（没有#号，通过历史记录api进行路由切换，刷新会丢失，本地模式刷新不会丢失） v5版本 下

1.父传子和子传父（类似vue）：在子组件标签中用自定义属性进行传递，接收的时候通过 this.props 进行接收；在子组件标签内部用自定义属性定义一个方法传递给子组件 子组件调用这个方法【这个方法可以再this.props中访问到】传递参数 子组件 import React, {Component} from 'react' export default class News extends Component { constructor(props){ super(props

基本概念 react是facebook开发出的一块js库，facebook认为MVC无法满足需求扩展。 特点 不适用模板 不是MVC框架 响应式 是一个轻量级的js库 原理 虚拟DOM react把DOM抽象成为一个js对象 diff算法 虚拟DOM确保最对界面上整整发生变化的部分进行实际的DOM操作； 逐层次的来进行节点的比较 jsx 执行的效率更快； 它是类型安装的，编译的过程中就能及时的发现错误率更快； 使用时编写模板会更加简单和快速 ...