在react-bootstrap-table的selectRow中加下划线的错误

问题描述

我正在使用react表并关注了以下链接，但在selectRow中遇到了错误。

`<BootstrapTable
            bootstrap4
            data={data} columns={columns}
            rowEvents={rowEvents}
            options={options}
            selectRow={selectRowProp}
          />`
  `const selectRowProp = {
      mode: 'checkBox',showOnlySelected: true,selected: true
    };`

并且我得到以下错误。 没有重载匹配此调用。 重载1，共2个，'（props：Readonly ）：BootstrapTable'，出现以下错误。 输入'{mode：string; showOnlySelected：布尔值;选择：布尔值； }”不可分配给“ SelectRowProps”类型。 属性“模式”的类型不兼容。 类型“字符串”不可分配给类型“ RowSelectionType”。 重载2之2，'（props：BootstrapTableProps，context ?: any）：BootstrapTable'，出现以下错误。 输入'{mode：string; showOnlySelected：布尔值;选择：布尔值； }”不能分配给类型“ SelectRowProps”。ts（2769）

解决方法

尝试一下

import BootstrapTable,{ ROW_SELECT_SINGLE,SelectRowProps } from 'react-bootstrap-table-next'
...
const selectRow: SelectRowProps<any> = {
    mode: ROW_SELECT_MULTIPLE,showOnlySelected: true,selected: true,}