为什么在此三元分配中我总是保持空值？

Question

I have this function with a fetch:

getHistory(){
        console.log("Log antes del fetch de customer id");
        console.log(this.state.customer._id);
        fetch(
            DOMAIN+'/api/orders/customer/'+this.state.customer._id, {
                method: 'get',
                dataType: 'json',
                headers: {
                    'Accept': 'application/json',
                    'Content-Type': 'application/json',
                    'Authorization':'Bearer '+this.props.token
                }
            })
            .then((response) =>
            {
                return response.json();
            })
            .then((responseData) => {
                responseData.map(function (v) {
                    v.orderStatusChange = v.order ? v.order.orderStatusChange : null  })
                this.setState({orders:responseData})
                console.log("Log del responseData");
                console.log(responseData);

            })
            .catch(function() {
                console.log("error");
            });
    }

I get an array of objects with responseData, which looks like THIS . I want to access orderStatusChange and get the status. I've been able to get other values from the array like the id of the order or the date that was created putting the key of the array directly in the table where they have to be printed:

const HISTORY_TABLE_COLUMNS = [
    {
        key: '_id',
        label: 'Número de pedido'
    }, {
        key: 'created',
        label: 'Fecha del pedido'
    }, {
        key: 'status',
        label: 'Estado'
    }
]; 

Looking like this now: TABLE

But since status is inside another array within the main array, I thought that I could map it to get it as shown in the function:

responseData.map(function (v) {
                v.orderStatusChange = v.order ? v.order.orderStatusChange : null  })

But orderStatusChange keeps getting null as value.

How could I get the status value?

EDIT: Adding part of the Json object instead of a capture:

(29) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]
0:
created:"2017-07-06T15:58:07.958Z"
customer:"59561f3f1d178e1966142ad7"
lastModified:"2017-07-06T15:58:07.958Z"
orderList:[]
orderStatusChange:Array(1)
0:{status: "5", comments: "Creado en back antes de pagar", _id: "595e5e0f60fbf65149916b7c", created: "2017-07-06T15:58:07.958Z"}
length:1
__proto__:Array(0)
shop:"59108159bc3fc645704ba508"
totalAmount:4000
__v:0
_id:"595e5e0f60fbf65149916b7b"
__proto__:Object

Answer 1

Looking at your json there is no order property in your object. This is why you always go in the false section of the ternary operator.

Not related to your question, but having a .map not being followed by any consumers look pretty useless.