Guis-优快云博客

原创如何this.props.history.push传参数

从A页面跳转到B页面第一种：A页面传参数this.props.history.push{pathname:’/router/url/send’,query:{“oneFlag”:one,…}}B页面接收参数this.props.location.query.oneFlag // one…路由路径显示：‘#/router/url/send/oneFlag?one’第...

2019-09-27 10:47:50 17360

原创 React 高阶组件（HOC）

React 高阶组件（HOC）官方文档：https://zh-hans.reactjs.org/docs/higher-order-components.html组件是 React 中代码复用的基本单元。但有时会发现某些模式并不合适传统组件。含义HOC 是灵活使用 react 组件的一个技巧，本身不是一个组件，是一个参数为组件，返回值是一个组件的函数。HOC 本身不是 react 中 API 的一部分，是 react 的组合特性而形成的设计模式。作用* 强化组件高阶组件返回的组件，可以劫持上

2021-05-11 17:28:01 477

原创 React-dnd

DnD 拖拽DragSourceDragSource 是用来包装需要拖拽的组件，是一个接受三个必需参数的高阶组件。参数参数说明返回值type必需spec必需拖拽事件的方法对象collect必需，接受两个参数 connect 和 monitoroptions不必需type拖拽组件（DragSource）与用来接受拖拽组件（DropTarget）要一致。举例子@DragSource("test", spec, collect)@Dr

2021-04-15 10:46:46 533

原创 TS原型数据类型

原型数据类型原型数据类型包括：布尔值、数值、字符串、null、undefined、Symbol布尔值定义布尔值类型let list:boolean = false;let newBoolean:boolean = new Boolean(1) // 返回的是一个boolean对象let boolean:boolean = Boolean(1); // 直接调用Boolean返回一个bo...

2019-12-17 12:00:04 747

原创 TypeScript基础篇

**TypeScript基础篇(总结官网)**1.安装npm install -g typescript2.编译代码在命名行运行编译器：tsc greeter.tsfunction greeter(person:string){ // 给person函数的参数添加：string 类型注解return person;}3.类型注解// 类型不可混乱4.接口// 使...

2019-12-13 18:29:43 169

原创数组过滤，高阶函数

**数组过滤到符合条件的Id集合**{this.state.list.filter(…).map(item=>{…})}filter函数都接受一个函数作为它的输入，返回的函数可以访问列表项目对象，因为它传给filter函数的函数，它还返回的函数j将会根据函数中定义的条件对列表进行过滤。**高阶函数**需要传递 searchTerm 到过滤函数并返回一个新函数来根据条件求...

2019-09-02 18:37:27 216

原创 hash 获取路由拼接的某个参数

如 #/pay/pay-fail-refund/pay-refund-fail-interface/ZF19041100024 拿到单独的 ZF19041100024const approval = window.location.hash;const billCode = approval.split(’/’);billCode[4] // ZF19041100024billCod...

2019-08-20 16:58:59 2689

原创在数组对象里删除某个特定的对象

如 list = [{China:{name:‘张三’,age:‘10’},English:{name:‘Tony’,age:‘20’},Spanish:{name:‘Someone’,age:‘12’}}]在数组中删除某个对象里的某个属性值list.map(item=>{delete item.English})console.log(list)结果 // lis...

2019-08-08 10:59:07 4747

原创 React父子组件之间互相传值

注：此内容是根据是在项目遇到实际情况进行总结，如有不足可以留言父组件向子组件传值父组件页面模仿import Son from ‘./相关路径’，import React,{Component} from ‘react’class Father extends Component{constructor(){super(props);this.state = {}}render(...

2019-07-23 10:27:27 132

wgs_1111的博客