使用打字稿解构对象

Question

我正在尝试向解构变量添加类型，但它们仍在返回 any。

问题：如何在析构时添加类型？

  export interface TableReturnState {
    status: number;
    data: APIOrders[];
    columns: [] | JSX.Element[];
    sort: Function;
  }

  const { data, sort, columns, status }: TableReturnState = useTableHook(
    configuration
  );

Answer 1

你的例子很适合我。
不过你可以试试：

interface TableReturnState {
  status: number;
  data: APIOrders[];
  columns: [] | JSX.Element[];
  sort: Function;
}

function useTableHook(config: TypeOfConfig): TableReturnState {
  // Your code
}

const { data, sort, columns, status } = useTableHook(configuration);

Answer 2

因为那不是办法。

你不决定用什么useTableHookreturns，就说说用什么useTableHook吧returns。解构后的项目将具有正确的类型。

像这样：

useTableHook = (configuration: Configuration): TableReturnState => ...

使用打字稿解构对象

Destructuring objects with typescript

destructuring

typescript