Как обернуть целую строку в React Router Link в antd - PullRequest
Новая
       32

Как обернуть целую строку в React Router Link в antd

0 голосов
/ 18 июня 2020

У меня есть таблица, и мне нужно перенести каждую строку таблицы в ссылку . Как я могу это сделать? Мне это нужно, когда я нажимаю на строку I go на другой маршрут. Я уже придумал, как сделать ссылку на каждую ячейку, но со всей строкой не знаю, как сделать 

const AccountList = props => {

  const columns = [
    {
      title: "Acc",
      dataIndex: "fullName",
      key: "fullName",
      width: 170,
    },
    {
      title: "Number",
      dataIndex: "ID",
      key: "ID",
      width: 100
    },

  ];

  return (
    <div style={{ margin: "15px" }}>
      <Table
        columns={columns}
        dataSource={accInfoProps}
        pagination={false}
        size={"small"}
        title={() => <h2 style={{ float: "left" }}>Список аккаунтов</h2>}
        onRow={(record) => {
          return {
            onClick: () => {
              console.log(record.id)
            },
          };
        }}
      />
      ,
      <Pagination
        onChange={onChange}
        style={{ float: "right", marginTop: "15px" }}
        defaultCurrent={1}
        total={500}
      />
    </div>
  );
};

export default AccountList;

Заранее спасибо

1 Ответ

1 голос
/ 18 июня 2020

Используйте обработчик событий onRow в компоненте Table для перехода к желаемой ссылке onClick. Если вы используете react-router-dom, вы можете использовать компонент Redirect для перехода к новой ссылке. 

<Table
  onRow={(record, rowIndex) => {
    return {
      onClick: event => <Redirect push to={record.link}/>
    };
  }}
...