
react
F班的小夏同学
理想主义青年永远不会被现实招安
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Redux中间件——Redux-thunk
Redux-thunk是作为redux的middleware存在的,thunk是函数编程界的一个专有名词,主要用于,也就是延迟计算。//内部返回的函数就叫thunk return function thunk() {console . log('thunk running,arg:' , arg) } } //我们通过调用wrapper来获得thunk const thunk = wrapper('warpper arg') //然后在需要的地方再去执行thunk thunk()原创 2022-12-19 10:40:20 · 1226 阅读 · 0 评论 -
Redux从理论到应用
随着单页面应用的开发日趋复杂,一个model的变化经常引起另一个model的变化,一个view的改变时常也会引起对应model以及另一个model的改变,javascript需要管理越来越多的state。Redux试图让state的变化变得可预测。原创 2022-12-17 16:09:11 · 475 阅读 · 0 评论 -
react扩展7_renderProps
例如,我们有Parent、A、B三个组件,想要使parent和A形成父子组件关系,A和B形成父子组件关系。但是,我们发现B组件并没有被渲染,这是因为,在组件标签中间写的内容作为prop传值传给组件A,属性名称为。但是,我们有时候需要在Parent组件中一气呵成的嵌套所有的组件,类似于这样。将B组件放到A组件中,将A组件放到Parent组件中,显示、传值一切正常。基于组件开发,我们经常在各个组件之间形成嵌套关系。.在渲染时需要在A组件中渲染出来才能显示。.........原创 2022-07-29 22:38:06 · 222 阅读 · 0 评论 -
react扩展6_Context
这一节我们学习组件间通信中比较重要的一点Context。原创 2022-07-29 20:42:31 · 281 阅读 · 0 评论 -
react扩展5_RefHook
第三个我们经常用到的Hook就是RefHook。都是用来保存标签对象的。原创 2022-07-29 15:03:34 · 233 阅读 · 0 评论 -
react扩展4_EffectHook
在上一文中,我们已经能够模拟出函数式组件的state状态了,但是还没有办法能模拟出生命周期。今天我们来使用另一个Hook———也就是说,可以把useEffectHook看做是。1.一个原始值为0的变量,每经过1秒,自增1.在函数式组件中,我们可以借助。2.点击卸载组件的按钮可以将整个组件卸载。我们同样用一个实例来向大家讲解。3.在卸载之前需要将定时器关掉。在类式组件中,我们完全可以使用。来模拟出同样的效果。...原创 2022-07-29 14:38:15 · 268 阅读 · 0 评论 -
react扩展3_stateHook
在之前的学习中我们学过了类式组件和函数式组件,但是我们知道函数式组件不像类式组件一样有实例对象,所以函数根本没有this一说,更不要说使用state什么的了,那么函数组件就没什么用了。在新的react中,定义了stateHook,用来对函数式组件定义state状态,并进行状态数据的读写操作。什么是stateHook呢?...原创 2022-07-29 10:41:25 · 83 阅读 · 0 评论 -
react扩展2_lazyLoad
路由组件的懒加载是在点击的时候再将组件加载进去。原创 2022-07-28 19:40:27 · 110 阅读 · 0 评论 -
react扩展1_setState
setState更新状态的两种写法 (1)setState(stateChange,[callback])------对象式的setState (2)setState(updater,[callback]) ------函数式的setState 总结: 1.对象式的setState是函数式的setState的简写方式(语法糖) 2.使用原则:...原创 2022-07-28 15:14:11 · 76 阅读 · 0 评论