在React Navigation v5上将typescript与useRoute一起使用

Question

我正在尝试使用useRoute如下提取参数。

  const route = useRoute();
  const { params } = route;
  const {
   id, name,
  } = params;

一切正常，但短绒棉纸突出显示id和name并出现以下错误。

属性'id'在'object |类型上不存在。未定义

我该如何克服这个问题。

Answer 1

对于未定义的情况，您可以选择将默认值设置为id。

const { id = '', name } = params;

Answer 2

您必须使用useRoute公开的type参数。

type ScreenRouteProps = {
  id: string;
  name: string;
}

const route = useRoute<ScreenRouteProps>();

您可以在documentation中找到有关此信息的更多信息。