antd Table onRow onClick 到另一个组件

Question

我有一个 antd table 显示我的数据。但是，我如何确保当用户单击特定行时，它会将他重定向到一个名为“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"
      />

Answer 1

按如下方式编辑您的代码，您的代码可能会起作用：

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

antd Table onRow onClick 到另一个组件

antd Table onRow onClick to another component

onclick

reactjs

antd