1

我正在尝试导出许多常量，以后可以将它们作为数组导入和映射。我不能将它们全部放在一个对象中并导出它们，因为我使用的是泛型（OptionInterface）并且我希望保留类型验证。

目前，我将每个对象导出为命名导出，然后将所有对象导出为数组。问题是另一个开发人员可能不知道他必须向导出的数组添加一个新元素。

一个例子：

//ElemSettings.tsx
export interface ElemProps<OptionInterface = any> {
  title: string,
  key: string,
  options: OptionsInterface[] 

export interface SpecialOption {
 s1: string,
 s2: number
}


//Elements.tsx - what I wish to export
export const elemOne: ElemProps {
  title: 'element One',
  key: elemOne'
  options: [1,2,3]
}

export const elemTwo: ElemProps {
  title: 'element Two',
  key: elemTwo'
  options: [1,2,3]
}

export const elemThree: ElemProps<SpecialOption> {
  title: 'element Two',
  key: elemTwo'
  options: [{s1:'one',s2:1},{s1:'two',s2:2}]
}

//This is how I export now
export const elems: Array<ElemProps> =
  [elemOne, elemTwo, elemThree]



//user.tsx
import { elems } from 'Elements';

const doSomething = () => { 
      elems.map(...)
}

如果我尝试删除导出的数组并只导入所有元素，例如：

import * as elems from 'Elements';

然后像在doSomething中一样使用它，我得到一个错误：

Property 'map' does not exist on type 'typeof import("Elements")'.

任何想法如何实现将所有常量导出为数组但同时保持输入？

4

1 回答 1

2

import * as elems可能会给你一个像这样的对象：

{
    "elemOne": ...
    "elemTwo": ...
    ...
}

尝试使用Object.values来获取具有导出值的数组：

import * as elems from 'Elements';

const doSomething = () => { 
  Object.values(elems).map(...)
}
于 2020-04-26T07:04:07.910 回答