react
zhangyuea
这个作者很懒,什么都没留下…
展开
-
react生命周期
生命周期 react的生命周期分为四个阶段:初始化阶段,更新阶段,销毁阶段,错误处理阶段(错误处理是16.3新出的) UNSFE为过时的版本 初始化阶段 constructor static getDerivedStateFromProps//新版本才有的 componentWillMount( ) / UNSAFE_componentWillMount()//未来淘汰版本 render ()...原创 2019-05-15 21:52:14 · 714 阅读 · 1 评论 -
react的路由传参和接参
react的路由传参和接参 传参 //路由传参写在 to 属性后面,必须是一个对象的形式,两个大括号,第一个大括号表示js语法,第二个大括号表示对象,可以传三个参数,pathname:路由名称,search:路径中的参数,state:数据 <NavLink activeClassName = "active" to = { { ...原创 2019-05-16 21:28:41 · 3185 阅读 · 0 评论 -
路由的监听和withRouter
路由的监听和withRouter 每一个使用了路由的组件都会被Route包裹起来,每个被Route包裹的组件都会多出几个对象,通过this.props查看,所以当我们使用生命周期钩子函数中的 componentWillMount()函数或者 componentDidUpdate()函数都可以监听到路由的变化 路由改变,组件的 this.props.location 中的 pathname 就会改变...原创 2019-05-16 21:29:28 · 807 阅读 · 0 评论 -
react-router-dom react的路由
react-router-dom react的路由 react路由现在是4.+版本,使用的是react-router-dom,3.+的版本使用的是react-riuter 路由的模式有两种 老浏览器提供的 hash模式, 我们称之为: HashRouter H5提供的的 hsitory 模式,我们称之为 BrowserRouter 注意: H5模式的路由需要后端支持 路由的搭建 hash路...原创 2019-05-16 21:29:57 · 576 阅读 · 0 评论 -
flux的基本使用
flux的基本使用 什么是MVC? MVC的全名是Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写,是一种软件设计典范。 V即View视图是指用户看到并与之交互的界面。 M即Model模型是管理数据 ,很多业务逻辑都在模型中完成。在MVC的三个部件中,模型拥有最多的处理任务。 C即Controller控制器是指控制器接受用户的...原创 2019-05-16 21:30:22 · 2977 阅读 · 0 评论 -
react的Hooks
react的Hooks Hooks解决的问题就是: 可以让我们在函数式组件内部书写 state和 生命周期钩子,原本函数式组件内部是不能定义state和方法的,只有lei组件内部可以 useState 是用来定义state的 useEffect 类似于componentDidMount // componentDidUpdate,当数据发生改变时就会触发 import React,{ us...原创 2019-05-16 21:30:41 · 179 阅读 · 0 评论 -
react的ref通信
react的ref通信 import React, { Component,Fragment } from 'react' class Father extends Component { nameChange = () => { console.log( this ) // this.refs.son.setState({ // ...原创 2019-05-16 21:31:05 · 307 阅读 · 0 评论 -
react的 redux,分片版本
react的 redux,分片版本 redux的使用流程 1.安装 redux yarn add redux 2.在src目录下创建store文件夹 3.在sore中创建文件 : index.js :全局的一些方法 , reducer.js:管理所有reducer的地方 4.每个的数据单独放一个文件夹,例如count文件夹 5.在count文件夹中创建四个文件: actionCreators.j...原创 2019-05-16 21:31:26 · 709 阅读 · 0 评论 -
redux的异步
redux的异步 异步请求一个数据 在actionCreators中请求数据 import * as type from './type' import store from '../index' const actionCreators = { countAdd () { let action = { type: type.INCRE...原创 2019-05-16 21:50:12 · 657 阅读 · 0 评论