Question

我正在尝试迁移当前使用react-bootstrap-table的应用程序到react-bootstrap-table-next，但是我遇到了问题。

我要做什么：

是获取所选行的对象。

我的代码

const selectRow = {
        mode: 'radio',
        hideSelectColumn: true,
        clickToSelect: true,
        bgColor: 'red',
        onSelect: (row) => {
           console.log(row)
          }
      };

<div className="col-lg-12">
                             <BootstrapTable keyField='id' data={ products } columns={ columns } selectRow={ selectRow }   />
                        </div>

获得的结果

当我单击该行时，它将分配红色，并将对象打印到所选行

但是当我尝试将对象置于状态时

const selectRow = {
        mode: 'radio',
        hideSelectColumn: true,
        clickToSelect: true,
        bgColor: 'red',
        onSelect: (row) => {
           console.log(row)
           this.setState({banco: row});
          }
      };

所选行对象已按预期分配给{banco}属性，但是该行不会变成红色。

Answer 1

我认为您需要检查this。如上面的链接所述，目前只有一种解决方法是，当您需要在setState中调用selectRow.onSelect时，也请通过selectRow.selected自己管理选择。我是{的创建者{1}}，我们将在以后改善此问题。请按照上面的链接进行解决，谢谢

将对象{row}分配给state

1 个答案: