Hyperlink 反应表-是否在新选项卡中打开?

Hyperlink 反应表-是否在新选项卡中打开?,hyperlink,tabs,react-table,right-click,Hyperlink,Tabs,React Table,Right Click,我正在使用React Table any尝试在新选项卡中打开每一行(每一行都有一个关联的id,并且应该指向/path/:id),但仅当我右键单击->在新选项卡中打开时。我不想使用_target='blank'基本上我想让每个单元格都成为一个链接。目前我使用的getTdProps如下所示: getTdProps={(state, rowInfo, column, instance) => { return { onCli

我正在使用React Table any尝试在新选项卡中打开每一行(每一行都有一个关联的id,并且应该指向/path/:id),但仅当我右键单击->在新选项卡中打开时。我不想使用_target='blank'基本上我想让每个单元格都成为一个链接。目前我使用的getTdProps如下所示:

          getTdProps={(state, rowInfo, column, instance) => {
            return {
              onClick: (e) => {
                if (rowInfo) {
                  History.push(`/vehicle/${rowInfo?.original?._id}`);
                }
              },
              className: `${rowInfo && "cursor-pointer"}`,
            };
          }}
      Cell: ({ original }) => (
        <Link to={{pathname:`/vehicle/${original?._id}`}}>
          <Battery percent={original?.battery_level}
        </Link>
      ),
这基本上把我的单元格变成了按钮,这不是我想要的。 我提出的唯一解决方案是这样的:

          getTdProps={(state, rowInfo, column, instance) => {
            return {
              onClick: (e) => {
                if (rowInfo) {
                  History.push(`/vehicle/${rowInfo?.original?._id}`);
                }
              },
              className: `${rowInfo && "cursor-pointer"}`,
            };
          }}
      Cell: ({ original }) => (
        <Link to={{pathname:`/vehicle/${original?._id}`}}>
          <Battery percent={original?.battery_level}
        </Link>
      ),
单元格:({original})=>(

在新标签中打开?

为什么不为此使用
a
标签?a或链接几乎是一样的。我只是想知道我是否可以以某种方式将所有单元格作为目标,这样我就不必在我的代码中填充a href=…你打算得到的href是否完全相同?是的,它们看起来应该是一样的。如果我可以在a href或Link to中点击整行,而不仅仅是单元格的内容。这样,用户右键单击任何地方都可以在新选项卡中打开。