问答

看ant-design-pro源码

作者:admin 2021-04-09 我要评论

源码中有下面的源码,这是什么意思呢?有没有人给个下面源码涉及到的知识的链接。 export type Dispatch = P = any, C = (payload: P) = void(action: { type: s...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

源码中有下面的源码,这是什么意思呢?有没有人给个下面源码涉及到的知识的链接。
export type Dispatch = <P = any, C = (payload: P) => void>(action: {
type: string;
payload?: P;
callback?: C;

}) => any;

###

你标签不就写了TypeScript

###

这是一个typescript的代码, 定义了一个类型Dispatch

如果你看不懂这个代码说明你对typescript不了解,你可以先去看看typescript的入门教程,半天就可以看完,然后再来看这个ant-desgin-pro的源码就知道这啥意思了

给你推荐几个链接,由浅入深

Ts入门教程
Ts进阶
官方文档

建议先看入门教程,再看进阶,官方文档没有中文,如果你英语阅读很厉害,当我没说,官方文档更加准确和完整,前面两个文档很多东西没有提到的东西他都有

###
type TheCallbackFunc<Payload> = (payload: Payload) => void
// 定义了一个回调函数(类型),参数是Payload类型的, Payload 是泛型参数,可以在调用的时候灵活指定或自动推导,该函数没有返回值

type Action<Payload> = {
    type: string
    payload?: Payload
    callback?: TheCallbackFunc<Payload>
}
// 定义了一个对象类型

export type DispatchTwo = <Payload = any>(action: Action<Payload>) => any
// 定义了 DispatchTwo 类型,该类型是一个函数,参数的类型是上面声明的那个,这个DispatchTwo类型的函数可以返回任意值

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • nginx响应速度很慢

    nginx响应速度很慢

  • 点击选中的多选框,会在已选那一栏显示

    点击选中的多选框,会在已选那一栏显示

  • PHP 多态的理解

    PHP 多态的理解

  • 关于C语言中static的问题

    关于C语言中static的问题

腾讯云代理商
海外云服务器