类型“ any []”的参数不能分配给类型“ A”的参数。 类型“ any []”中缺少属性“ a”

Question

我是TypeScript的初学者，现在我想了解接口在React Component的Class Method中是如何工作的。 我为此创建了一个简单的案例，但是它不起作用。 我总是在这个帖子标题中出现错误。

我会很高兴为您提供任何帮助。

import React, { Component } from 'react'

interface A {
  a: any[]
}

class Test extends Component {
  _getName = (a: A) => {
    return a
  }
  render() {
    const a = []
    return (
      <div>{this._getName(a)}</div>
    )
  }
}

export default Test

Answer 1

this._getName(a)期望a的类型为A A被定义为具有属性的对象a也就是型的any[] 内部render调用时间a []类型。

我不确定您要用此代码完成什么，但我想您想说的是_getName中的参数a应该是any[]类型吗？ 然后，您可能需要type A = any[] 。

Answer 2

interface A {
  a: any[]
}

表示实现接口“ A”的对象必须具有一个名为“ a”的属性，该属性的类型将为“ any []”（任何类型的数组）

但在这儿：

const a = []

它看起来像只是一个空数组-不是对象，因此没有属性

我认为您在这里不需要界面。 请尝试：

  _getName = (a: any[]) => {
    return a
  }

Answer 3

有必要这样做：

class Test extends Component {
  _getName = (a: A) => {
    return a.a;
  }
  render() {
    const a = {a: []};
    return this._getName(a);
  }
}