javascript - onRowClicked 用于反应数据表

Question

当我使用 onClick 时 onMeetingTitleClick 正在工作，但它仅适用于该特定列。

我正在尝试使用 onRowClicked 让它为整行工作，但我认为我做得不对。有任何想法吗？

const MeetingsTable = ({ meetings, onMeetingTitleClick }) => {
  ...

  const columns = [
    {
      name: 'Title',
      cell: row => (
        <div data-tag="allowRowEvents">
          <div aria-hidden="true" onClick={e => onMeetingTitleClick(e, row.id)}>
            {row.name}
          </div>
        </div>
      ),
    },
  ];

  const onRowClicked = () => (result.map(result => (e => onMeetingTitleClick(e, result.id))));

  return (
    <DataTable
      columns={columns}
      data={result}
      onRowClicked={onRowClicked}
    />
  );

... Omitted other values

参考库：https ://github.com/jbetancur/react-data-table-component

标签： javascriptreactjs

Answer 1

使用以下方法管理完成此操作

const onRowClicked = (row, event) => { onMeetingTitleClick(event, row.id); };

https://github.com/jbetancur/react-data-table-component#readme