Hyperlink 反应表-是否在新选项卡中打开?
我正在使用React Table any尝试在新选项卡中打开每一行(每一行都有一个关联的id,并且应该指向/path/:id),但仅当我右键单击->在新选项卡中打开时。我不想使用_target='blank'基本上我想让每个单元格都成为一个链接。目前我使用的getTdProps如下所示: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
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中点击整行,而不仅仅是单元格的内容。这样,用户右键单击任何地方都可以在新选项卡中打开。