React
文章平均质量分 73
黑猫几绛
这个作者很懒,什么都没留下…
展开
-
React + TypeScript实战(一)设定事件处理函数的参数类型
首先提出需求,给input框绑定一个change事件,打印输入框中每次输入的内容。在设定参数类型的时候,首先想到的就是Event从这个报错信息来看,onChange事件需要的似乎是一个这样类型的处理函数现在先引入这意味着,我们的onChange事件是一个,它自带的event参数类型为,由于这里是一个输入框,所以应该为event设置参数为再来试试,成功获取到了输入内容!接下来给扩展一个功能,如果有很多个输入框,是否可以共用同一个onChange方法呢?......原创 2022-07-17 08:40:48 · 3783 阅读 · 0 评论 -
React + TypeScript实战(二)hooks用法
`React.FC`(可以直接写为`FC`)显式地定义了返回类型,其他方式是隐式推导的- `React.FC` 对静态属性:displayName、propTypes、defaultProps 提供了类型检查和自动补全如果没有手动为`FC`声明类型,则会报类型错误,此时我们需要手动进行类型的二次转换,比如:```ts// wrongconst Test: React.FC = () => 'hello'// correctonst Test: React.FC = ......原创 2022-07-20 19:36:23 · 1483 阅读 · 0 评论