- 博客(3)
- 资源 (1)
- 收藏
- 关注
原创 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关注的人