反应打字稿错误 - 元素隐式具有任何类型，因为字符串类型的表达式不能用于索引类型 {}

Question

我正在尝试使用打字稿在我的反应项目中按 x 对数组进行分组，并收到以下错误：

Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{}'.
  No index signature with a parameter of type 'string' was found on type '{}'.  TS7053

有人可以帮我定义这个，以便它消除打字稿错误吗？我对 React 完全陌生。

这是错误的位置

const result = trades.reduce((groupedAccounts, trade) => {
  const account = trade.pacct;
  if (groupedAccounts[account] == null) groupedAccounts[account] = [];
  groupedAccounts[account].push(trade);
  return groupedAccounts;
}, {});

，这是我从另一个 .ts 导出的接口，

    export interface TradeData {
  id: number;
  filedate: Date;
  poffic: string;
  pacct: string;
  quantity: number;
  sector: string;
  psdsC1: string;
  name: string;
  bbsymbol: string;
  last_price: number;
  deltasettlement: number;
}

我确信这是我不明白的语法问题。

Answer 1

降低可以采用通用来指定谓词返回的内容（以及初始值的类型）。

在这里，它被推断为{}，因为初始值：

const result = trades.reduce((groupedAccounts, trade) => {
  const account = trade.pacct;
  if (groupedAccounts[account] == null) groupedAccounts[account] = [];
  groupedAccounts[account].push(trade);
  return groupedAccounts;
}, {});

您可能希望它为record＆lt; strine，tradeData []＆gt;：

const result = trades.reduce<Record<string, TradeData[]>>((groupedAccounts, trade) => {
  const account = trade.pacct;
  if (groupedAccounts[account] == null) groupedAccounts[account] = [];
  groupedAccounts[account].push(trade);
  return groupedAccounts;
}, {});