javascript - 如何在React中使用 'this.props.params'？

Question

我将某个 id (idValue) 发送到我的组件并像这样使用它:

componentDidMount() {
    this.onHandleFetch(this.props.params.idValue);
  }

但有时此组件会在没有任何输入参数(没有 idValue)的情况下打开，并且我收到此错误:

TypeError: Cannot read property 'idValue' of undefined

如何修复它？

我尝试过使用typeof，但没有成功

在传输值的组件中，我使用上下文路由器

Answer 1

该错误告诉我们，this.props.params有时是未定义(可能是因为根本没有params传递给组件) .

How can I fix it?

这取决于如果没有params.idValue，是否要调用this.onHandleFetch。

如果不这样做，请使用if:

componentDidMount() {
  if (this.props.params && this.props.params.idValue) {
    this.onHandleFetch(this.props.params.idValue);
  }
}

如果您这样做，并提供一些重置值(value)，那么:

componentDidMount() {
  this.onHandleFetch((this.props.params && this.props.params.idValue) || replacementValue);
}

两者都假设 idValue 不会是 0。