语义 UI React - 表格 - 使整行可选择并链接到某处

Question

我尝试使一行可选择，但我希望能够单击行内的任何位置并将其链接到某处。每行应该有不同的链接。

即使我指定了多个单元格，下面的这种方式也会将我的所有 Table.Cells 放入一个单元格中。

<Table selectable color={'black'} >
   <Table.Body>
      <Table.Row positive>
         <Link to={'/ticker/'}> 
            <Table.Cell></Table.Cell>
            <Table.Cell></Table.Cell>
            <Table.Cell></Table.Cell>
            etc...

下面的这种方法解决了问题，但使每个单元格都有悬停，而不是整行悬停。

<Table selectable color={'black'} >
   <Table.Body>
      <Table.Row positive>
         <Table.Cell selectable><Link to={'/ticker/'}></Link></Table.Cell>
         <Table.Cell selectable><Link to={'/ticker/'}></Link></Table.Cell>
         <Table.Cell selectable><Link to={'/ticker/'}></Link></Table.Cell>
         etc...

我想让每一行都可选择并悬停相同的颜色，并使每一行链接到不同的链接。

谢谢你！

Answer 1

您需要像这样处理行中的 onClick：

   <Table.Row
          positive
          onClick={() => {
            handleClick("1");
          }}
        >

您可以在此处查看一个工作示例：

https://codesandbox.io/s/semantic-ui-example-5izhs