从 reactrouterdom 属性sumParams升级版本 4 useParams () 后 TypeScript 错误在类型{}上不存在

发布于08月31日

升级到版本4后，我遇到了一个typeScript错误

"typescript": "^4.0.2"

import { useParams } from 'react-router-dom';

const { sumParams } = useParams();

Property 'sumParams' does not exist on type '{}'.

这个项目运行得很好，只有在升级之后才会出现错误

推荐答案

useParams是通用的.您需要通过指定泛型的值来告诉typescript您正在使用哪些参数

有几种方法可以解决这个问题

This is my favorite way

const { sumParams } = useParams<{ sumParams: string }>();

但是还有一些方法(:

或

interface ParamTypes {
  sumParams: string;
}

然后在你的组件中

const { sumParams } = useParams<ParamTypes>();

或

添加任何没有接口的类型

const { sumParams } : any = useParams();

注意:这样您将无法将其设置为字符串

或

keemor人的更多 Select :

const { sumParams } = useParams() as { 
  sumParams: string;
}

实用课程推荐