会员
周边
众包
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
monkey-K
博客园
首页
新随笔
联系
管理
订阅
上一页
1
2
3
4
5
6
7
8
下一页
2020年10月28日
18. react - 父子组件传参
摘要: 1. 父组件传递给子组件 通过 props 传递数据(状态,方法) 2. 子组件 -> 父组件 通过props传递给子组件方法,子组件通过 this.props.func 调用父组件方法改变父组件状态。 不同于 VUE 没有 emit。 3. 使用消息订阅模式 兄弟组件之间传参 pubsub-js
阅读全文
posted @ 2020-10-28 10:15 monkey-K
阅读(649)
评论(0)
推荐(0)
2020年7月16日
17. react-router-dom
摘要: 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
阅读(201)
评论(0)
推荐(0)
2020年6月17日
16. react - Fragment
摘要: 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
阅读(145)
评论(0)
推荐(0)
2020年6月16日
15. react -- 错误处理
摘要: 1. 错误边界解决什么问题: 1. 解决错误边界组件内部子孙组件,出现加载错误【生命周期中】,用来优雅降级。显示错误边界组件提示的内容。 2. 错误边界无法捕获的场景: 1. 自身错误 2. 事件触发的错误 3. 异步错误(定时器,requestAnimationFrame 或者 异步请求) 4.
阅读全文
posted @ 2020-06-16 16:41 monkey-K
阅读(277)
评论(0)
推荐(0)
2020年6月11日
14. react - context
摘要: 1. react 中的 context 使用了生产者消费者模式 【Provider和Customer模式】。 2. 可以在顶层的Provider中传入value,在子孙级的Consumer中获取该值,并且能够传递函数,用来修改context // 1. context.js 中 import Rea
阅读全文
posted @ 2020-06-11 16:34 monkey-K
阅读(159)
评论(0)
推荐(0)
2020年6月10日
13. react - 组件懒加载
摘要: 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
阅读(556)
评论(0)
推荐(0)
2020年6月9日
react - 官方搜索列表案例
摘要: // 搜索框 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
阅读(512)
评论(0)
推荐(0)
2020年6月8日
11. react 组合与继承(插槽)
摘要: 说明:react 的组合相当于 Vue 中的插槽。 本质: React 元素本质就是对象(object),可以将任何东西作为 props 进行传递。组件可以接受任意 props,包括基本数据类型,React 元素以及函数 1. props.children -- 默认【插槽】: 组件内嵌套的 jsx
阅读全文
posted @ 2020-06-08 18:20 monkey-K
阅读(381)
评论(0)
推荐(0)
10. react - 状态提升
摘要: 1. 什么是状态提升: 状态提升是指,公共父组件统一管理子组件状态的过程。 2. 为什么要做状态提升: 当两个子组件渲染同一个数据的不同状态时,并且要求两个子组件数据同步变化,子组件之间不能相互作用,这时,就需要提升到公共父组件处理要渲染的数据。 例如:官网 摄氏度和华氏度控制水沸腾的例子 3. 数
阅读全文
posted @ 2020-06-08 15:59 monkey-K
阅读(299)
评论(0)
推荐(0)
ionic3.x --- http 请求
摘要: 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
阅读(221)
评论(0)
推荐(0)
上一页
1
2
3
4
5
6
7
8
下一页
公告