如果我是将如上代码中的colnr数据依次插入上方的img中该如何做呢？

如果你要将`colnr`数据依次插入上方的`img`元素中，可以在`map`方法中使用数组下标来获取对应的`colnr`数据，然后将它们插入到`img`元素的`alt`属性中或者使用`<div>`包裹`img`和`colnr`。

下面是一个示例代码：

<div className="main_push" style={{ width: "100vw" }}>
  {this.state.main_head.map((ite, index) => (
    <div key={ite.data[0].img.url}>
      <img
        src={ite.data[0].img.url}
        style={{
          display: "block",
          width: `355px`,
          margin: "5px auto",
        }}
        alt={this.state.colnr[index]} // 将colnr数据插入到alt属性中
      />
      <p>{this.state.colnr[index]}</p> // 或者使用p标签包裹img和colnr
    </div>
  ))}
</div>

这样就可以将`colnr`数据依次插入到对应的`img`元素中了。注意，这里使用了`index`来获取对应的`colnr`数据，所以需要保证`main_head`和`colnr`的元素个数相同。