51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#react
使用react context的作用React.createContext
前言:在实际开发项目的时候我们可能会经常碰到多层组件传值的情况,就是父组件的值传递给子组件。子组件再传递给下面的子组件,再传递给下面的子组件.......可能会遇到这个情况。然而这个值,可能会只在最后的子组件使用到,那么这个时候使用createContext简直就是无敌的存在。超级简单又方便,因为最进重构一个项目遇到了...
代码星球
·
2020-05-23
使用
react
context
作用
React.createContext
react hook性能优化使用memo、useCallback、useMemo
前言:1、在使用到值的时候,直接使用memo包裹子组件即可,最简单2、当子组件用到父组件的函数时候(有传函数)使用useCallback包裹函数即可,可以理解为每次父组件上面的参数发生变化时候,传入子组件的函数也会重新生成,造成子组件重新渲染。这时候需要优化使用useCallback,它的依赖的第二个参数变化时候才会重...
代码星球
·
2020-05-23
react
hook
性能
优化
使用
react hook 点击页面切换高亮对应菜单-react怎么高亮对应菜单(两种写法)附完整代码
前言:hook相当于没有生命周期概念,但是可以用useEffect来监听路由,当点击浏览器的前进后退时候去监听路由变化切换对应高亮菜单。看下下面这个代码: useEffect(()=>{ //这里等于 componentDidMonunt 和 componen...
代码星球
·
2020-05-23
高亮
对应
菜单
react
hook
webpack搭建react项目工程化开发的配置说明,入门级别
4.23--我现在使用的现成的框架已经相对完美了,为了加深理解,自己想搞一套本来想搭建一个最原生的react框架,但是最近开始忙活了,先给下简单的webpack配置说明给大家看看,参考。(后续有时间补上完整的项目)说下要考虑到的需求: 使用ES6语言使用React框架自动生成HTMLwebpack-dev-s...
代码星球
·
2020-05-23
webpack
搭建
react
项目
工程化
react hook封装一个排序按钮,有效果图
写一个用hook封装的点击按钮排序,请求数据的小组件。实现操作效果:点击第一下升序,第二下降序、第三下取消排序。点击箭头下,升序。点击箭头上,降序。(可以自行更改)作用是使这个排序在页面上许多地方能复用,少些重复代码,并且看起来更具组件化。ps如果用的不过就一个地方的话还是算了,感觉更复杂hhh...使用到react组...
代码星球
·
2020-05-23
react
hook
封装
一个
排序
react使用fetch封装请求的方法-简单易懂
方法有很多种,这里贴一个比较优雅又简单易懂的。用class类写法,new一个实例方法。其中qs是包,类似于url拼接的方法,自行npm安装。我这里fetch使用的是dva的fetch,也可以自行使用自带的fetch ,把constfetch=require('dva').fetch;注释既可。/***请求方法...
代码星球
·
2020-05-23
react
使用
fetch
封装
请求
react开发企业中后台产品、政务门户网站的一些总结
前方高能!!!!!都是理论!!!可以说是经验!!!没有代码!!!!!只有思路做法!!!前言:antd引领着前端的发展趋势,使得进入前端的一些简单开发处理很快速,组件拿来即用,很人性化。从18年接触antd,从dva到umi,就目前开发过的项目都是基于dva数据流加antdUI来做的,umi只是接触表皮搭了项目应用框架,...
代码星球
·
2020-05-23
react
开发企业
后台
产品
政务
React Router 使用教程
ReactRouter使用教程...
代码星球
·
2020-05-23
React
Router
使用
教程
React-Native学习指南
React-Native学习指南...
代码星球
·
2020-05-23
React-Native
学习指南
React、Node.js、MongoDB
使用React、Node.js、MongoDB、Socket.IO开发一个角色投票应用...
代码星球
·
2020-05-23
React
Node.js
MongoDB
React 入门实例教程
React入门实例教程...
代码星球
·
2020-05-23
React
入门
实例
教程
为什么说 Vue 的响应式更新比 React 快
我们都知道Vue对于响应式属性的更新,只会精确更新依赖收集的当前组件,而不会递归的去更新子组件,这也是它性能强大的原因之一。举例来说这样的一个组件:<template><div>{{msg}}<ChildComponent/></div></template>...
代码星球
·
2020-05-23
为什么
Vue
响应
更新
React
spring reactor记录操作日志
1.注册日志的类:@Configuration@EnableReactorpublicclassReactorConfig{/****〈注册审计日志Reactor〉*/@Bean(name="sysLog")publicReactorsysLogReactor(Environmentenv){returnReactor...
代码星球
·
2020-05-23
spring
reactor
记录
操作
日志
React学习
中文文档地址 http://reactjs.cn26.9KGitHub地址 https://github.com/reactjs-cn/react-docs3.4K阮一峰的"React入门实例教程" http://www.ruanyifeng.com/blog/20...
代码星球
·
2020-05-17
React
学习
很赞的一个教程: React.js 小书
很赞, React.js小书 http://huziketang.com/books/react/推荐阅读入门, 照着来一遍,能会个七七八八, 更多的还需要多写 importReact,{Component,PropTyp...
代码星球
·
2020-04-21
一个
教程
React.js
小书
首页
上一页
...
15
16
17
18
19
...
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他