使用 map (Typescript) 在 FP 中实现动态 UI 工厂

如何解决使用 map (Typescript) 在 FP 中实现动态 UI 工厂

这是否符合以 FP 方式执行工厂的条件？

简单地映射一个函数，该函数可以为元素获取输入并返回一个元素及其事件处理程序，这个例子被简化了。

const pageElements = ['input','radio','input']

const InputObj = () => {
    return 'Im a Input'
}

const RadioObj = () => {
    return 'Im a Radio'
}

const elementMap: Record<string,string> = ({
    input: InputObj(),radio: RadioObj()
})

const processpage = (pageElements: string[]) => {
    return pageElements.map(elementName => elementMap[elementName])
}

console.log(processpage(pageElements))