reactjs - typescript 错误对象的类型为 'unknown'

Question

Typescript 的新手，无法理解我遇到的这个错误。我正在使用最终形式并将项目插入数组。我可以 console.log 值并查看数组和数组中的项目。但是当我将它传递给我的子组件时，我不断收到错误消息:对象的类型为“未知”

父组件

<Form 
  onSubmit={onFormSubmit} 
  initialValues={{ items: [{ item: '' }, { item: '' }]}} 
  mutators={{ ...arrayMutators }} 
>
<List values={values} />
//no TS error

子组件

//List.tsx

<Button disabled={values.items.length === 10}>Add item</Button>
//TS error for values.items (Object is of type 'unknown')

类型声明:

values: Record<string, unknown>;

Answer 1

如果 values 类型是 unknown，则不能在 List 组件中使用 items.length，因为 items 在后台是 undefined。