為我的一項操作聲明函數時打字稿神秘消息

Question

我正在使用 React、TypeScript 和 Redux。 我似乎在為我的一項操作使用界面時遇到問題。 我得到的神秘信息是：

Duplicate identifier 'number'.ts(2300)
Binding element 'number' implicitly has an 'any' type.ts(7031)

在 VS 代碼中，limit: 和 skip: 上的數字都帶有紅色錯誤波浪線下划線。

剪下我的代碼：

interface TabNavUnitsProps {
  unitsToRegister: number,
  unit: { status: string, unitsRegisterCount: number },
  fetchRegisterAll: ({ limit: number, skip: number }) => Promise<void>
}

export class TabNavUnits extends React.Component<TabNavUnitsProps> {

  state = {
    unitsRegisterCount: 0
  }

  componentDidMount() {
    this.props.fetchRegisterAll({ limit: 1, skip: 1 })
    .then(() => {
      if(this.props.unit.status === fetchStates.success) {
        this.setState({ unitsRegisterCount: this.props.unit.unitsRegisterCount })
      }
    })
  }

我承認問題的一部分是我對此很陌生，所以感謝任何願意幫助我或為我指明正確方向的人。

Answer 1

只需正確聲明fetchRegisterAll ：

  fetchRegisterAll: (options: { limit:number , skip: number }) => Promise<void>