如何在桌子的tds上放置反应链接?

时间:2016-03-14 09:08:17

标签: reactjs html-table

我希望将firstName到email的所有td都可以点击以链接到该特定联系人。我是否必须在每个div上放置一个Link包装器?即使我这样做,我希望链接环绕整个td,而不仅仅是文本中的文本,以便用户可以单击td的任何部分而不是文本本身。

<tr key={index}>
  <td><Link to={`/${contact.id}`}><div>{contact.firstName}</div></Link></td>
  <td>{contact.lastName}</td>
  <td>{contact.city}</td>
  <td>{contact.phone}</td>
  <td>{contact.email}</td>
  <td><input type="checkbox" value="readOnly" checked={that.state.deleteList.includes(contact.id)} onClick={that.addToDeleteList.bind(that, contact.id)}/></td>
</tr>

1 个答案:

答案 0 :(得分:2)

对于链接部分,您正在正确执行此操作。只需从链接标记中删除public static <C extends Comparable<C>> void insertionSort(C[] a) { for (int i = 1; i < a.length; i++) { C ithElement = a[i]; int j = i; for (j = i; j > 0 && ithElement.compareTo(a[j - 1]) < 0; --j) { // This is "moving the larger entry to the right 1 position" a[j] = a[j - 1]; } a[j] = ithElement; } }

要使整个表格单元格无论其内容如何都可以通过css或inlinke css设置链接到块的显示。 e.g。

<div>

这是同样的CSS。

display: block