为我的一项操作声明功能时打字稿神秘消息

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>

为我的一项操作声明功能时打字稿神秘消息

Typescript cryptic message when declaring function for one of my actions

typescript

reactjs

react-redux