React Router useRouteLoaderData TypeScript 错误

Question

我正在使用 React Router 来处理获取数据并将其传递给组件。

我看到一个 TypeScript 错误，指出

Type 'unknown' is not assignable to type '{ name: string; value: string; }'.

似乎发生了错误，因为在获取数据之前

reasonTypes

是未知的。

但我真的不明白为什么这是一个错误。一旦数据存在，我想确保它是正确的类型，但在获取数据之前我不想进行此检查。

这是我声明这个变量的代码

let reasonTypes: {name:string value:string} = useRouteLoaderData('root')

Answer 1

您可以将返回的数据转换为您需要的类型。

示例：

const reasonTypes = useRouteLoaderData('root') as { name: string; value: string; };

type Data = {
  name: string;
  value: string;
};

...

const reasonTypes = useRouteLoaderData('root') as Data;