类型“{}”上不存在属性“index”

Question

if (this.props.children) {
    return React.Children.map(this.props.children, (child, i) => {
        if (React.isValidElement(child)) {
            return React.cloneElement(child as React.ReactElement<any>, {
                index: child.props.index || i // <-- line that causes error
            });
        }
        return child;
    });
}

Gives compile error error TS2339: Property 'index' does not exist on type '{}'.

Why? How to fix?

Answer 1

Try this,

child.props['index']

Note: In typescript you can not access indexed properties using the dot notation. So it will give compile time error