摘要: 1. 路由传参: https://www.cnblogs.com/cckui/p/11490372.html 2. 代码: import React, { Fragment } from 'react'; import ReactDOM from 'react-dom'; import './ind 阅读全文
posted @ 2020-07-16 11:29 monkey-K 阅读(178) 评论(0) 推荐(0) 编辑
摘要: 1. Fragment : 可以理解为空标签。 类似与 微信小程序的 <block> 2. 实例: import { Fragment } from 'react' class LI extends React.Component { constructor (props) { super(prop 阅读全文
posted @ 2020-06-17 15:22 monkey-K 阅读(137) 评论(0) 推荐(0) 编辑
摘要: 1. 错误边界解决什么问题: 1. 解决错误边界组件内部子孙组件,出现加载错误【生命周期中】,用来优雅降级。显示错误边界组件提示的内容。 2. 错误边界无法捕获的场景: 1. 自身错误 2. 事件触发的错误 3. 异步错误(定时器,requestAnimationFrame 或者 异步请求) 4.  阅读全文
posted @ 2020-06-16 16:41 monkey-K 阅读(257) 评论(0) 推荐(0) 编辑
摘要: 1. react 中的 context 使用了生产者消费者模式 【Provider和Customer模式】。 2. 可以在顶层的Provider中传入value,在子孙级的Consumer中获取该值,并且能够传递函数,用来修改context // 1. context.js 中 import Rea 阅读全文
posted @ 2020-06-11 16:34 monkey-K 阅读(150) 评论(0) 推荐(0) 编辑
摘要: 1. react 支持 import('./utils.js') 返回一个 Promise 对象。 所以可以写成 import('./utils.js').then((util) => {util.add()}) 2. React.lazy 组件懒加载: 1. React.lazy() 接受一个函数 阅读全文
posted @ 2020-06-10 10:40 monkey-K 阅读(550) 评论(0) 推荐(0) 编辑
摘要: // 搜索框 class SearchBar extends React.Component { constructor (props) { super(props) this.handleChangeInput = this.handleChangeInput.bind(this) this.ha 阅读全文
posted @ 2020-06-09 16:22 monkey-K 阅读(485) 评论(0) 推荐(0) 编辑
摘要: 说明:react 的组合相当于 Vue 中的插槽。 本质: React 元素本质就是对象(object),可以将任何东西作为 props 进行传递。组件可以接受任意 props,包括基本数据类型,React 元素以及函数 1. props.children -- 默认【插槽】: 组件内嵌套的 jsx 阅读全文
posted @ 2020-06-08 18:20 monkey-K 阅读(368) 评论(0) 推荐(0) 编辑
摘要: 1. 什么是状态提升: 状态提升是指,公共父组件统一管理子组件状态的过程。 2. 为什么要做状态提升: 当两个子组件渲染同一个数据的不同状态时,并且要求两个子组件数据同步变化,子组件之间不能相互作用,这时,就需要提升到公共父组件处理要渲染的数据。 例如:官网 摄氏度和华氏度控制水沸腾的例子 3. 数 阅读全文
posted @ 2020-06-08 15:59 monkey-K 阅读(281) 评论(0) 推荐(0) 编辑
摘要: 1.ionic 中 中 get 请求数据 1. 在 app.module.ts 引入 HttpModule 、JsonpModule import { HttpModule, JsonpModule } from '@angular/http'; 2. 在 app.module.ts 依赖注入 Ht 阅读全文
posted @ 2020-06-08 15:43 monkey-K 阅读(214) 评论(0) 推荐(0) 编辑
摘要: var eventCenter = { sub: function(name, callback) { this.argus = this.argus || {};//已经有事件用已经有的this.argus this.argus[name] = this.argus[name] || []; th 阅读全文
posted @ 2020-06-08 15:37 monkey-K 阅读(245) 评论(0) 推荐(0) 编辑