typescript 动态类型定义问题

[vision1900]

export interface Column<T> {
  dataIndex: keyof T;
  title: ReactNode;
  render: (value: any, record: T, index: number) => ReactNode;
}

const Person = { name: "John", age: 10 };

const cols: Column<Person> = [
	{
    	dataIndex: "name", // this has autocompletion
        title: "Client Name",
        render: (v) => v.toLowerCase() // v is of type any, no autocompletion
    }

]

我想基于 T & dataIndex 动态定义 render 的第一个参数 value, 大概像这样

value: typeof Person["dataIndex"]

可是 ts 不太熟悉，上网也没查到如何在 interface 里面去 reference 实例的方法，求助

[fgwmlhdkkkw]

可以啊…… Person 应该是个类型

[vision1900]

@fgwmlhdkkkw 你这完全回避了我的问题 :(

[EridanusSora]

https://www.typescriptlang.org/play?#code/MYewdgzgLgBACgUwE4XDAvDA3jMBDAWwQC4YAiAKRAAswyAaGPAcxJgEYAGGAXwG4AUAKgBPAA4IYAYRAAbAK4EwAHgAqAPgzYBMGAG04MAJZgYAawQiQAMxiqAuqSw7dMACZ4oeAJJg3CAA9SOHoXXSQEP2RSAAoAN1JVA3sASgxNPDARF34BHj0LK1sHIQFQSFhQWQhSGQUlZVEJG3hkVDB1PXstPRdnV3dPHyig8nwiBhgAeimYKGojCBhqPCW8eSgQUAIxWQQoI3AwmAiopFi4tPRNOIA6TYAZEAB3ZClVhBi0mZg44yWWk1JJkRIwwCAmBstiAdnsDkddDwBPYgA

不知道这样符不符合你的要求（

[fgwmlhdkkkw]

@vision1900 #2 🤭🤭，我刚学……

[vision1900]

@EridanusSora 非常 OK，谢谢大佬

[vision1900]

@EridanusSora 这种写法好像对自动补全不大友好，我这边编辑器还是告诉我 type 是 any

[Leviathann]

@vision1900 tsc 或者 tsserver 升个级吧，官网的编辑器我试了下是可以拿到 v 的类型的

[EridanusSora]

@vision1900 render 函数参数的类型么，我这边看是 ok 的，TS Playground 里应该也是可以的，你编辑器用的 TypeScript 版本是？

[pixiaotiao]

动态类型直接用 js 不香么 ts 不就是要使用静态类型的好处么

[vision1900]

@Leviathann 官网那个直接把值拿到了

[vision1900]

@EridanusSora 我用的 4.4.2，脚手架是 Umi，不知道是不是它的原因

[vision1900]

@pixiaotiao 此动态非彼动态

[EridanusSora]

@vision1900 用的 VSCode 吗，右下角看一下正在用的 TypeScript 版本是项目里的还是其他地方装的

[namelosw]

我感觉你的代码写乱了，你上面写了个 interface Column，下面又把 Column 直接 = []，你的 Column 和数组之间没有任何关系。

我理解你是不是想表达这样，这样写是可以补全 v.name 的：

type ReactNode = {}

export interface Column<T> {
dataIndex: keyof T;
title: ReactNode;
render: (record: T) => ReactNode;
}

const Person = { name: "John", age: 10 };

const cols: Column<typeof Person> = {
dataIndex: "name",
title: "Client Name",
render: (v) => v.name
}