title: Unhandled Rejection (TypeError): Cannot read property of undefined
body: <p>I can't find out why i can't get the data, while I can access it through console.log() !</p>
  
  <pre><code>export class InnerTicket extends React.Component{
  constructor(props){
      super(props);
      this.state = {
          ticket: ''
      }
  }
  
  componentDidMount() {
      this.getTicket().then(result =&gt; this.setState({
          ticket: result
      }))
  }
  
  getTicket(){
      const slug = this.props.match.params.id;
      return this.props.TicketsStore.loadTicket(slug);
  }
  render(){
      console.log(this.state);
  </code></pre>
  
  <p>everything works fine when I run this and i can see the data through the console:</p>
  
  <pre><code>{ticket: {…}}ticket: {success: true, data: {…}, error: "", message: ""}data: {result: "success", ticketid: 22, tid: "168552", c: "WHgCsCBO", deptid: 5, …}error: ""message: ""success: true__proto__: Object__proto__: Object
  </code></pre>
  
  <p>but when I want to display my data in the view like this:</p>
  
  <pre><code>render(){
      return( &lt;span className="label label-warning"&gt;
                              {this.state.ticket.data.status}
                          &lt;/span&gt;)
  </code></pre>
  
  <p>I get this error: TypeError: Cannot read property 'status' of undefined</p>