javascript - 更改单击行的背景颜色 react-data-table-component

Question

我用显示用户数据的 react-data-table-component 构建了一个表。当我单击右侧的一行时，会显示一个组件，我们可以在其中查看有关用户的更多信息。我想更改单击行的背景颜色并保持不变，直到单击另一行。如何使用 react-data-table-component 实现它？我已经使用包提供的 conditionRowStyles 进行了尝试，但是每一行的样式都会发生变化。我想只更改我单击我正在使用的包的行的 bg：https ://www.npmjs.com/package/react-data-table-component

const Table = () => {
  const onRowClick = (row, event) => {
    setSelectedCandidateId(row.user_id);
  };

  return (
    <DataTable
      title={title}
      columns={columns}
      data={candidates}
      selectableRows
      highlightOnHover
      onRowClicked={onRowClick}
      pointerOnHover
      keyField={"candidate_id"}
      paginationDefaultPage={currentPage}
      onSelectedRowsChange={onRowSelect}
      pagination
      paginationServer
      paginationTotalRows={totalRecords}
      onChangeRowsPerPage={handlePerRowsChange}
      onChangePage={handlePageChange}
      selectableRowsHighlight
      striped
    />
  );
};