我现在有这样一个数据data { temsVersion: '123' videoVersion: '123' networkVersion: '123'} 我想使用的时候这么用data[props.key],其中key是temsVersion,videoVersion和networkVersion。如何用ts写
时间: 2024-01-01 20:04:15 浏览: 14
你可以使用 TypeScript 来定义一个类型,然后使用该类型来声明和使用你的数据对象。以下是一个示例:
```typescript
type Data = {
temsVersion: string;
videoVersion: string;
networkVersion: string;
};
const data: Data = {
temsVersion: '123',
videoVersion: '123',
networkVersion: '123',
};
function getValueByKey(key: keyof Data): string {
return data[key];
}
// 使用示例
const temsVersion = getValueByKey('temsVersion');
console.log(temsVersion); // 输出:123
const videoVersion = getValueByKey('videoVersion');
console.log(videoVersion); // 输出:123
const networkVersion = getValueByKey('networkVersion');
console.log(networkVersion); // 输出:123
```
在上面的示例中,首先我们定义了一个名为 Data 的类型,它包含了三个属性 temsVersion、videoVersion 和 networkVersion,它们的类型都是 string。
然后,我们声明了一个名为 data 的变量,使用该类型来定义它的值。
接下来,我们定义了一个名为 getValueByKey 的函数,它接受一个 keyof Data 类型的参数 key,并返回一个字符串。在函数内部,我们使用 data[key] 来获取对应属性的值。
最后,我们通过调用 getValueByKey 函数,并传入不同的 key 值来获取对应属性的值,并进行输出。
请根据你的具体情况,修改类型定义和使用方式。