在另一张地图中拼接的地图

Question

我正在尝试在另一张地图中制作一张地图，但它似乎与我的要求相反。我想模仿每张地图并排放置，例如：

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>
  ))}

Answer 1

{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 等等。

在另一张地图中拼接的地图

map with splice within another map

javascript

arrays

mapping

slice

reactjs