时间戳

首页 > 解决方案 > 在另一个地图中拼接的地图

javascript - 在另一个地图中拼接的地图

问题描述

我正在尝试在另一张地图中制作地图，但这似乎与我所要求的相反。我想模仿彼此相邻的每张地图，例如：

A = B
A.1 = B.1
A.2 = B.2

所以一个，然而，相反，我得到了

A = B 
A = B.1 
A = B.2
A.1 = B
A.1 = B.1
A.1 = B.2

等等..这是我的代码：

  {titles.map((t, index) => (
    <tr>
      {console.log(this.state)}
      <td key={index}>{t.toString() + " : "}</td>
      <td>{this.state.files.map((x, index) => (
            <div key={index} style={{color:'#01579b', cursor: 'pointer', border: '1px ridge'}} 
              key={`link${index}`} 
              onClick={this.downloadFile.bind(null,x)}>{x.original_name}
            </div>                   
            ))}
      </td>   
    </tr>
  ))}

标签： javascriptarraysreactjsmappingslice

解决方案

{titles.map((t, index) => (
    <tr>
      {console.log(this.state)}
      <td key={index}>{t.toString() + " : "}</td>
      <td>
         <div key={index} style={{color:'#01579b', cursor: 'pointer', border: '1px ridge'}} key={`link${index}`} 
          onClick={this.downloadFile.bind(null,this.state.files[index])}>
          {this.state.files[index].original_name}
        </div>                       
      </td>   
    </tr>
  ))}

在上面的代码块中，我们正在执行 this.state.files[index] ，即在地图中我们位于索引 0 -> A，this.state.files[0] -> B

在地图中，我们位于索引 1 -> A.1、this.state.files[1] -> B.1 等等。

推荐阅读