TypeError: невозможно прочитать свойство target_id из undefined

Question

Я вижу, что аналогичный вопрос задавали в другом месте. Я все равно спрошу.

В моем реагирующем компоненте у меня есть следующее:

    let n = extract_vals(this.props.post);
    return (
      <div key={this.props.post.nid} className="post">
        {n.field_image}
      </div>
    );
  }

В этом случае n.field_image является объектом, поэтому он выдаст ошибку:

Error: Objects are not valid as a React child (found: object with keys {target_id, alt, title, width, height, target_type, target_uuid, url}).

Но обратите внимание, что есть ключ объекта "target_id". Однако, когда я делаю следующее:

    let n = extract_vals(this.props.post);
    return (
      <div key={this.props.post.nid} className="post">
        {n.field_image.target_id}
      </div>
    );
  }

, я получаю

TypeError: Cannot read property 'target_id' of undefined

Это уловка 22! Как это происходит? Объект определен!

Answer 1

Забыть. Похоже, это была ситуация, когда у меня было неразрешенное обещание, и рендеринг выполнялся до и после обновления состояния.