问题标签 [react-bootstrap-table-next]

我有一个React组件，我正在尝试使用react-bootstrap-table-next库来呈现表格。这个问题Uncaught Error: Objects are not valid as a React child。

问题：array我传递的那个有一个本身就是一个 属性object。哪里<BootstrapTable只能string作为财产。如果查看 的屏幕截图console.log(todos)，它显示dueDate属性是一个对象而不是string。

试过：

当我尝试输入一些数据时，待办事项console.log如下所示：

问题：组件内部没有呈现任何BootstrapTable内容。

我正在尝试实现一个Edit Category可以编辑 React-Bootstrap-Table2 中当前选定行的模式。

但是，当我尝试输入类别描述时，它总是会重新呈现模式，并且我一次只能输入 1 个字母。

另外，如何设置两个输入的状态值，based on the selected row's info因为目前如果我设置Category Namewith的值modalInfo.categoryName，则无法编辑输入。

代码框（不知道为什么没有 CSS）

我用react-bootstrap-table-next. 并且想要使用一个切换按钮来隐藏或显示具有特定值的行。但问题是表格内容没有改变。

我想实现我当前沙箱中的一些东西：

目前我已经对它进行了硬编码，nonSelectable: [1, 2]因此它会使第 1 行和第 2 行无法选择。

现在我想根据filecreatedByID 使行无法选择。

如果文件createdByID与用户的登录 ID 相同，那么它将是可选的，否则不会，但我现在的问题是如何获取每一行的数据并将它们createdByID与用户的 ID 进行比较，然后返回需要它们的索引复选框作为nonSelectable道具的数组被禁用？

我找到了这个链接，但我不太确定如何让它工作，因为我不确定从哪里获得key.

我正在尝试从 之外的其他组件触发我的 exportCSV TookkilProvider，这可能吗？this.refs.table.handleExportCSV(); 我确实在这里看到了一些参考，但我似乎找不到该功能

任何帮助表示赞赏

我的代码如下

我正在使用react-bootstrap-table-next（又名react-bootstrap-table2）。我在列定义中的验证器字段上收到了 IntelliJ 中的 Typescript 错误。尽管在沙箱中可以正常工作，但我似乎无法在 IntelliJ 中解决它。就算戴上//@ts-ignore也没用

这是我的列定义：

沙盒在这里，它似乎可以工作 https://codesandbox.io/s/table-validator-7ib2n

我需要保存页码、每页大小和文本过滤器以供重复使用。假设我在第 3 页，文本过滤器“已提交”且 sizePerPage=50。然后我到达另一条路线，然后单击包含我的表格的路线。我将所有值设置为默认值。Page=1，Size-Per-page=10（第一个值），文本过滤器=''，但我希望表格在我离开表格的位置具有相同的 3 个值（页面、每页大小、文本过滤器）。

我正在尝试将 onClick() 事件添加到一行中的单元格，以便在单击单元格时可以获得该行的 keyField 值。此功能最初有效，然后我开始获取列描述信息，而不是行参数中的数据键/值对。这是代码：

正在加载到表中的数据：

当我单击% Complete列中的一个单元格时，控制台会在行属性中显示以下信息：

以前，当 onClick() 方法正常工作时， row 属性包含：

由于我试图检索的键值不再存在于行数据中，因此我得到的值是未定义的，而不是我期望的 id 号。

我还注意到，如果我向列添加样式属性，例如在“% Complete”单元格中的值下划线，则样式信息也将显示在 onClick(row) 调用返回的信息中。例如，如果我将样式信息添加到最后一列（% Complete），它的代码如下所示：

然后控制台输出变为：

根据文档（https://react-bootstrap-table.github.io/react-bootstrap-table2/docs/column-props.html#columnevents-object），这应该可以工作。任何帮助将不胜感激。

我正在使用react-bootstrap-table-next 分页模块，因为我正在使用sizeperpage 如何将 sizeperpage 数据传递给参数。执行代码：

尝试使用 react-bootstrap-table-next 编辑表格单元格，我可以成功编辑，但是当我单击页面中的其他组件时，编辑的内容已按原始值恢复..我是根据文档做出反应的新手我已经做到了。

导出默认类 PredictResult 扩展 React.Component<IPredictResultProps, IPredictResultState> render()() 每次我单击或悬停在其他组件上时，整个页面都在渲染页面中的整个组件，并恢复表中的值。