设置类型的对象阵列

Question

我正在努力弄清楚我的代码问题是什么。

interface history { 
  data: string, 
  przed: string | number, 
  po: string | number,
}

我在功能组件之外有一个接口，然后在内部我定义了应该的外观 - 没问题

const [history, setHistory] = useState<[history]>([{
    data: '',
    przed: '',
    po: '',
}]);

，然后我有一个单击功能，可以

    setHistory([ ... history , {
      data: new Date().toISOString().slice(0, 10), // date
      przed: fromTo, // number
      po: valueToSave, // number
    }]);

在浏览器中编译和测试时，一切正常，但是VS代码不喜欢我与此错误的代码：

Argument of type '[history, { data: string; przed: number; po: string; }]' is not assignable to parameter of type 'SetStateAction<[history]>'.
  Type '[history, { data: string; przed: number; po: string; }]' is not assignable to type '(prevState: [history]) => [history]'.
    Type '[history, { data: string; przed: number; po: string; }]' provides no match for the signature '(prevState: [history]): [history]'.ts(2345)

如何处理这样的事情？这是什么意思？

Answer 1

您可以使用history []或array＆lt; history＆gt;而不是[历史>]，这意味着您需要一系列history < /code>类型或每个元素类型为历史记录的数组。

[历史]表示它具有一个数组，该数组将包含类型历史> history> history> history [] 的元素

，表示您是类型<的数组代码>历史记录

const [history, setHistory] = useState<history[]>([
    {
      data: "",
      przed: "",
      po: ""
    }
  ]);

，也可以做：

  const [history, setHistory] = useState<Array<history>>([
    {
      data: "",
      przed: "",
      po: ""
    }
  ]);