时间戳

首页 > 解决方案 > Antd 选择句柄函数类型打字稿

reactjs - Antd 选择句柄函数类型打字稿

问题描述

我有个问题。因此，Antd 提供了自定义 Select 输入以及一些函数onSelect，例如onChange等。我正在使用onSelect，这就是该函数作为参数传递的内容：

(JSX attribute) onSelect?: ((value: string | number | LabeledValue, option: OptionData | 
OptionGroupData) => void) | undefined

所以我的handleSelect函数有 2 个参数，第一个是选项本身的值，第二个是包含所有数据的整个选项标签。我能够找出值类型并从 antd 导入它，但是对于选项我找不到任何合适的文件来导入它的类型，所以我收到一个错误，因为我无法正确设置我的第二个 arg 类型

const handleSelect: (value: SelectValue, option: any) => void

而选项 arg 她是类型：

option: OptionData | OptionGroupData) => void) | undefined

我想如何设置这种类型，我可以从哪里得到它？

标签： reactjstypescriptantd

解决方案

不知道自从提出这个问题后实施是否发生了变化，但我们解决了导入问题：

import { OptionData, OptionGroupData } from "rc-select/lib/interface"

以及需要的类型

option: OptionData | OptionGroupData | undefined

推荐阅读