事件: import React,{Component} from 'react' class Index extends Component{ constructor(props){ super(props) this.state = { msg:'张学友' } } getMsg=(event)= ...
分类:
其他好文 时间:
2020-03-23 11:10:31
阅读次数:
54
什么时候用? + 某个组件的状态,需要共享 + 某个状态需要在任何地方都可以拿到 + 一个组件需要改变全局状态 + 一个组件需要改变另一个组件的状态 你用react不能解决的组件通信,redux可以给你解决。 redux核心概念 store相当于一个应用的state,但是不可随意更改,必须通过act ...
分类:
其他好文 时间:
2020-03-23 09:20:46
阅读次数:
64
React.memo是一个高阶组件,本质就是一个函数。基本形式如下: React.memo(functionl Component, areEqual) React.memo与PureComponent作用一样,都是用来减少组件渲染。区别如下: 1. React.memo针对函数式组件,PureCo ...
分类:
其他好文 时间:
2020-03-22 23:58:15
阅读次数:
127
这一篇是接上一篇“react进阶漫谈”的第二篇,这一篇主要分析redux的思想和应用,同样参考了网络上的大量资料,但代码同样都是自己尝试实践所得,在这里分享出来,仅供一起学习(上一篇地址:个人博客/segmentFault) 注:本文中的所有示例代码,已经合成一个小的demo放在了这里,如果你认为这 ...
分类:
其他好文 时间:
2020-03-22 19:46:19
阅读次数:
69
redux 全局状态管理 react-redux 优化模块 优化redux的使用过程 npm install redux react-redux 通过react-redux 提供的provider提供器 将全局状态对象挂载到根元素的上下文上 import Provider from 'react-r ...
分类:
其他好文 时间:
2020-03-22 19:46:05
阅读次数:
57
路由 手写路由 控制地址栏<Link to='/singer'>歌手</Link>根据改变渲染不同的组件<Route path='/singer' component={要渲染的组价}><Route> 路由插件 react-router 1 - 3 :react-router 4 - 5 :reac ...
分类:
其他好文 时间:
2020-03-22 19:36:19
阅读次数:
69
全局状态管理 Vue全局状态管理 vuex state mutation action getter module 辅助函数 redux 多组件共享状态,一个组件发生改变其他的都要变 在电视上剧里活不过3集 甄嬛传 慈禧太后 -> 光绪帝 -> 卖地求荣 ->闭关锁国 -> 垂帘听政 安装redux ...
分类:
其他好文 时间:
2020-03-22 19:27:26
阅读次数:
66
一款浏览器拍照工具,兼容支持 canvas(理论是 IE9)以上。 现在浏览器基于 封装。 不支持 浏览器使用第三方组件 "jquery webcam" 可见: "Demo" 使用 属性 | 名称 | 类型 | 说明 | 默认值 | | | | | | | el | string / HTMLEle ...
分类:
Web程序 时间:
2020-03-22 18:08:51
阅读次数:
98
Event Handler React事件 React中的事件包括合成事件和原生事件,React底层对合成事件进行事件委派和手动绑定,原生事件的使用在高程3有具体讲解,难点在于跨浏览器兼容和DOM0/DOM2级事件处理程序的使用方法不同,这可以通过编写工具函数屏蔽浏览器差异,关于原生事件的描述在《E ...
分类:
其他好文 时间:
2020-03-22 16:06:12
阅读次数:
78
运行前端React代码时,出现这样的错误: node Error: bind EADDRINUSE null 后来发现端口号冲突,换个端口号后问题就可以解决了。 ...
分类:
其他好文 时间:
2020-03-22 14:11:55
阅读次数:
162