- 博客(3)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 useReducer的使用总结
useReducer： 第一个参数reducer和redux的reducer是一样的。 第二个参数的initialArg是初始值的意思。 第三个参数int是重置的意思 自我理解：我感觉这个钩子是和context差不多的效果，但是它比context传递的组件更深。也是为了解决我们在组件中一层一层去传参办法。 使用示例： const initialState = {count: 0}; function reducer(state, action) { switch (action.type) { .
2021-11-18 21:29:59
570
原创 useimprerativeHandle的使用
这个钩子让我想起来了vue中的有一个自定义指令的钩子方法，有点类似，只是不同的是，react中是在单个组件内，在一些使用场景上会受限，但是也刚好满足所需，而在vue中它既有全局的，也有内部的。 使用示例： 父组件： import ImperativeHandle from "./component/ImperativeHandle" import React from 'react' import { Button } from 'antd' const Home: React.FC = (props,.
2021-11-18 21:28:32
1407
原创 useDebugValue和自定义hook的使用
useDebugValue的定义： useDebugValue用于自定义hook标签组件内的。 自定义hook的定义： 本质上就是一种函数代码逻辑的抽取，它本身并不算react的特性。自定义hook是一个函数，其名称以“use”开头，函数内部可以调用其他的hook。（实际上就是相当于一个函数，只是叫法不同，意义的理解也就有所不同） 知识延伸： 自定义hook和高阶组件的区别： 自定义hook相当于把公共方法共享，而高阶相当于传入一个组件当作参数传入，再返回一个新的组件。 自定义Hook示例： import
2021-11-18 21:26:16
1147
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人