我有一个带有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
答案 0 :(得分:2)
查看您的json,对象中没有order
属性。
这就是为什么你总是进入三元运算符的false
部分。
与您的问题无关,但任何消费者都没有跟随.map
看起来毫无用处。