Javascript对象数组未显示react js中using map的预期值

我基本上是从外部api获取url详细信息，并在react中使用this.setState更新我的状态。但是现在当状态改变时，我在javascript数组上使用了map，但它似乎没有更新预期的url。相反，它有初始数据

下面是我在render（）函数中使用的代码片段

console.log("output 1", this.state.blogData);
const blogDetails = this.state.blogData.map(data => {
    console.log("output 2", data);
    return (
        <Col key={data.id} xs={12} sm={4} className="person-wrapper">
            <Blogs
                key={data.id}
                content={data.content}
                title={data.title}
                imagelinksm={data.url1}
                imagelinklr={data.url2}
            />
        </Col>
    );
});

console.log（“输出1”，this.state.blogData）；
const blogDetails=this.state.blogData.map（数据=>{
控制台日志（“输出2”，数据）；
返回(
);
});

在控制台中，输出1与输出2具有不同的url。不确定映射是否导致问题，尽管它是一个数组

我能够注意到，上图中显示扩展javascript对象的第一行与下图中的url1和url2不同。因此，每当我执行data.url1时，我得到的是“N”，而不是实际的url。你知道为什么会这样吗？我被困在这里了

render（）{
render(){
  const { blogData } = this.state;
  if(!blogData) return <p>Nothing...</p>

  return <>{ blogData.map(data => {
                                console.log('output 2', data)
                                return (
                                    <Col key={data.id} xs={12} sm={4} className="person-wrapper" >
                                        <Blogs key={data.id} content={data.content} title={data.title} imagelinksm = {data.url1} imagelinklr = {data.url2}/>
                                    </Col>
                                )
                            })
  }</>
}

const{blogData}=this.state；
如果（！blogData）返回Nothing

返回{blogData.map（数据=>{
console.log（'output 2'，data）
返回(
)
})
}
}

---

阅读凌乱的代码并不有趣。

你能不能至少花点时间整理一下你的代码，给我们看一下完整的控制台日志，以及

数据应该是什么样子的？我已经读了3遍了……仍然无法理解你的问题是什么？我在控制台中看到的对象似乎有点矛盾，因为我在展开之前看到的值与展开之后得到的值不同。请参阅上图。第一行包含url1和url2。但是相同的键在内部有不同的值。为什么会发生这种情况？我现在清楚了吗@赫曼帕拉萨