Невозможно прочитать объект в React-0.13.3 Код CJSX

Question

Я работаю над приложением action.js, которое будет отображать твиты. к сожалению, есть ошибка, которая гласит: «Невозможно прочитать свойство« profileImageUrl »для Undefined.» которая находится в этой строке:

<img src={@props.details.tweet.user.profileImageUrl} /> 

Я использую React 0.13.3 для этого. Вот часть моего кода CoffeeScript CJSX, который включает свойство в вопросе

Tweet = React.createClass 
    propTypes: 
    details: React.PropTypes.object.isRequired 

    render: -> 
    <article className="tweet-container"> 
     <div className="tweet-profile-picture"> 
      <img src={@props.details.tweet.user.profileImageUrl} /> 
     </div> 
     <div className="tweet-body"> 
      <header className="tweet-header"> 
       <div className="tweet-metadata"> 
        <a href="//twitter.com/# {@props.details.tweet.user.screenName}"> 
        <span className="name">{@props.details.tweet.user.name}</span> 
        <span className="screenName">{@props.details.tweet.user.screenName}</span> 
       </a> 
      </div> 
     </header> 
     <p>{@props.details.tweet.text}</p> 
    </div> 
    <div className="timestamp"> 
     <a href="//twitter.com/#{@props.details.tweet.user.screenName}/status/#{@props.details.tweet.idStr}"> 
      <time datetime={@props.details.tweet.createdAt}><moment(@props.details.createdAtTimestamp).fromNow()}</time> 
     </a> 
    </div> 
</article> 

Почему говорят, что URL изображения профиля не определено? Где лучше всего было бы исправить это? Спасибо вам за помощь.

Answer 1

Я кончался фиксируя обслуживание. Оказывается, @props.details.tweet.user был null в api. Теперь код работает правильно.

Answer 2

Проверить родительский компонент Tweet который оборачивает этот компонент

В вашем parentComponent там будет <Tweet details={details}/>