什么时候用? + 某个组件的状态,需要共享 + 某个状态需要在任何地方都可以拿到 + 一个组件需要改变全局状态 + 一个组件需要改变另一个组件的状态 你用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
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
1,在 JavaScript 中 怎么转换列表? 我们使用 map() 函数使 numbers 数组中的元素值翻倍,将 map() 返回的新数组分配给变量 doubled 2,React中,转换数组为元素列表的方式,和上述方法基本相同 import React, { Component } from ...
分类:
其他好文 时间:
2020-03-22 01:06:05
阅读次数:
69
Redux的createStore实现 使用过react的同学应该对Redux这个东西有所了解。他是一种 全局状态管理 的思想(对, 这里我觉得它是一种思想, 因为对于React来说, 其实Redux内部并没有什么需要与React兼容的东西, react redux 库里才有), 它信奉的是: + ...
分类:
其他好文 时间:
2020-03-22 01:04:46
阅读次数:
67