React in render方法无法读取此内容。道具。地方国家“

Question

我学会了反应，但现在我不知道该怎么做：

无法读取未定义的属性'state'

在线：

  if (album.route === this.props.location.state.week) {

这是渲染：

 render() {
        
    let photosArr = []
    albums.map((album) => {
      if (album.route === this.props.location.state.week) {
        album.data.forEach((photo) => {
          photosArr.push([photo.id, photo.src])
        })
      }
    })
    this.state.items = photosArr
    console.log(this.props.location)

我这样调用它使用导入{with路由器}从反应路由器；：

onImageClick = val => {
    const {history} = this.props;
    history.push("/timeLineViewer", val);
  };

它的工作原理，如果我删除albums.map（（专辑...代码然后console.log....

问题是渲染的在我调用从onImageclick更新道具之前被调用，所以如果我有this.props.location.state.week.，我会得到上面的错误。

既然这样，我该如何处理呢。道具。地方状态在我调用图像前不存在单击




Answer 1

我怎么能处理这个，因为this.props.location.state不存在之前，我调用的图像点击

Javascript抛出一个错误，因为您试图获取一个未定义的属性。所以你应该处理未定义的情况。

替换：

if (album.route === this.props.location.state.week) 

与：

if (album.route === this.props.location?.state?.week) 

或：

if (this.props.location &&
    this.props.location.state &&
    album.route === this.props.location.state.week)