Question

export function collectAttributes(element: Element): AttributesInterface {
    return Array.from(element.attributes, ({ name, value }) => [
        name,
        value,
    ]).reduce((a, [key, val]) => {
        if (key.includes("@")) {
            let handlerName = key.replace("@", "")
            a.handlers.push([handlerName, val])
        } else if (key.startsWith("s:")) {
            let styleProp = key.replace("s:", "")
            a.bindedStyle.push([styleProp, val])
        } else if (key.startsWith("c:")) {
            let classProp = key.replace("c:", "");
            a.bindedClasses.push([classProp, val])
        } else if (key.startsWith("a:")) {
            let attributeProp = key.replace("a:", "");
            a.bindedAttr.push([attributeProp, val])
        } else if (key === "if") {
            a.show = val
        } else if (key.startsWith("p:")) {
            let prop = key.replace("p:", "");
            a.props[prop] = val  // <------ HERE
        } else {
            a.attr.push([key, val])
        }
        return a
    }, {
        attr: [],
        handlers: [],
        bindedStyle: [],
        bindedAttr: [],
        bindedClasses: [],
        show: null,
        visible: true,
        props: {},
        parent: element.parentElement,
        index: element.parentElement ? Array.prototype.indexOf.call(element.parentElement.children, element) : 0
    })
}
export interface AttributesInterface {
    attr: string[][],
    handlers: string[][],
    bindedStyle: string[][],
    bindedAttr: string[][]
    bindedClasses: string[][],
    show: string,
    visible: Boolean,
    parent: HTMLElement,
    index: number,
    props: { [key: string]: string }
}

我有一个问题，我无法设置新属性。我已经尝试过将{ [key: string]: string }设置为我的props对象，但是它似乎无法解决问题。我仍然收到错误：

元素隐式地具有“ any”类型，因为类型“ string”的表达式不能用于索引类型“ {}”。在类型“ {}”上找不到带有参数类型为“字符串”的索引签名。

Answer 1

我已修复它：

我已将AttributesInterface添加到reduce函数的累加器

.reduce((a: AttributesInterface, [key, val]) => {

无法在带有打字稿的对象中设置属性

1 个答案: