I can't find out why i can't get the data, while I can access it through console.log() !

export class InnerTicket extends React.Component{

constructor(props){

    super(props);

    this.state = {

        ticket: ''

    }

}



componentDidMount() {

    this.getTicket().then(result => this.setState({

        ticket: result

    }))

}



getTicket(){

    const slug = this.props.match.params.id;

    return this.props.TicketsStore.loadTicket(slug);

}

render(){

    console.log(this.state);

everything works fine when I run this and i can see the data through the console:

{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

but when I want to display my data in the view like this:

render(){

    return( <span className=label label-warning>

                            {this.state.ticket.data.status}

                        </span>)

I get this error: TypeError: Cannot read property 'status' of undefined