为什么我在这个三元分配中一直变为空?

时间:2017-08-11 09:13:21

标签: javascript arrays reactjs

我有一个带有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");
            });
    }

我得到一个带有responseData的对象数组,看起来像THIS。我想访问orderStatusChange并获取状态。我已经能够从数组中获取其他值,例如订单的ID或创建的日期,将数组的键直接放在必须打印的表中:

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

现在看起来像这样:TABLE

但由于状态位于主数组中的另一个数组内,我认为我可以映射它以获得它,如函数所示:

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

但是orderStatusChange继续作为值获取null。

我怎样才能获得状态值?

编辑:添加部分Json对象而不是捕获:

(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

1 个答案:

答案 0 :(得分:2)

查看您的json,对象中没有order属性。 这就是为什么你总是进入三元运算符的false部分。

与您的问题无关,但任何消费者都没有跟随.map看起来毫无用处。