可能对象为“空”答案

【问题标题】：Possibly the object is 'null'可能对象为“空”
【发布时间】：2022-01-04 03:09:39
【问题描述】：

我的代码中出现以下 Typescript 错误
我从前一个屏幕获取这些参数。如反应导航文档的示例所示。 https://reactnavigation.org/docs/params/

interface PixChargeAmountProps {
  route?: string;
}

const Amount: React.FC<PixChargeAmountProps> = ({ route }) => {
const { trackOriginFlow } = route.params;
}

console.log(route) ->

"params": {"trackOriginFlow": "ACTIVITIES_SCREEN_BUTTON"}, "path": undefined}

我从 route.params

收到以下错误

route = 可能对象为 'null'

params =“字符串”类型中不存在属性“参数”

【问题讨论】：

请发布您的tsconfig.json。
请将上下文（上下3行）"params": {"trackOrigi...行发布。
Estou seguindo esse exemplo do react-navigation reactnavigation.org/docs/params

标签： typescript react-native react-navigation

【解决方案1】：

如果您打算将route 用作const { trackOriginFlow } = route.params; 并且说它不能是null，那么您的接口定义不正确。

这可能更像是：

interface PixChargeAmountProps {
  route: {
    params: {
      trackOriginFlow: string
    }
  }
}

但是，我建议您阅读 typescript 指南，而不是尝试自己组装这种类型。见：Type checking with TypeScript

【讨论】：