react学习
蓝冰凌
一个“浪漫主义”的程序猿
展开
-
react+umi+antd----umi项目的上手教程(转载)
umi+dva项目快速上手指南react+umi+dva+antd umi项目的上手教程。转载而来,仅用于给人学习。构建项目node环境node版本 >= 8.0.0全局安装uminpm install -g umi建议使用yarn安装// 全局安装yarnnpm install -g yarn// 使用yarn安装umiyarn global add umi构建umi项目mkdir myapp && cd myapp..转载 2020-06-02 15:59:44 · 6603 阅读 · 0 评论 -
react+antd+umi 项目搭建------connect的使用方法
connect 就是 react-redux 的 connect;它是一个函数,绑定 State 到 View。connect 方法返回的也是一个 React 组件,通常称为容器组件。因为它是原始 UI 组件的容器,即在外面包了一层 State。简单来说connect是用来连接前端的ui界面和和前端model的一个嫁接桥梁 ,通过使用connect将model里面定义的state,和dispatch,和histoey方法等传递到前端供前端使用connect常用的写法:方式一:mapStateTo原创 2020-06-02 15:39:38 · 7117 阅读 · 1 评论 -
react和vue父子组件生命周期的执行顺序
react:父组件将要挂载(componentWillMount) 子组件将要挂载(componentWillMount) 子组件挂载完毕(componentDidMount) 父组件挂载完毕(componentDidMount)import React, { Component } from "react";clas...转载 2020-04-23 10:25:37 · 481 阅读 · 0 评论 -
react学习-react的生命周期和触发顺序
React 16是最近一年多React更新最大的版本。除了让大家喜闻乐见的向下兼容的Fiber,防止了客户端react在进行渲染的时候阻塞页面的其他交互行为。Fiber源码速览参考https://juejin.im/post/5bea68a6e51d450cb20fdd70新的生命周期过程先来看看最新版本react的生命周期图:看看它的变化新增:getDerivedS...原创 2019-07-26 11:05:36 · 1084 阅读 · 0 评论 -
react学习-react页面缓存:React Keep Alive和React-Keeper
vue中有keep-alive进行页面缓存,react提倡尽可能少的api以减少开发者的使用成本,并没有提供相关的api(我觉得这样更麻烦了),需要自己手写,我从git找到两种评价较高的对应插件分析给大家。(这两种插件不仅仅在做页面缓存时有用,还有很多意外之喜。例如在登录拦截,路由配置拆分的时候也用的到)。React Keep Alive git地址:https://github.com/St...原创 2019-08-21 10:09:50 · 15721 阅读 · 0 评论 -
iframe使用方法
工作中很多情况下,尤其是新旧项目更替时,我们不得不使用iframe来嵌套页面。iframe使用起来十分简单,使用方式如下:import React, { Component} from 'react';import "@/config.js";export default class AdvancedAnalysis extends Component { constr...原创 2019-09-04 11:07:46 · 2296 阅读 · 0 评论