reactjs antd表on行on单击到另一个组件

chhkpiq4  于 2022-11-29  发布在  React
关注(0)|答案(2)|浏览(178)

我有一个antd表来显示我的数据。但是,我如何确保当用户点击一个特定的行时,它会将他重定向到一个名为“ViewLog”的包含行数据的新组件?
我在下面提供的代码不起作用:

<Table bordered
        className="components-table-demo-nested"
        onRow={(i) => ({
          onClick: (e) => {
              return <Link to={"/admin/ViewLog"}></Link>;
            },
          })}
        columns={columns}
        expandable={{ expandedRowRender }}
        dataSource={data}
        size="small"
      />
flvtvl50

flvtvl501#

按如下方式编辑代码,您的代码可能会正常工作:

onRow={(i) => ({
    onClick: (e) => 
        history.push('/admin/ViewLog')
})}
4zcjmb1e

4zcjmb1e2#

如果您定义了路由,您还可以使用react-router-dom中的useNavigate钩子。它还允许您传递状态,通过该状态可以保留行数据

相关问题