问题标签 [react-bootstrap-table2]

我有一个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内容。

我正在使用带有过滤功能的 react-bootstrap-table2 工作正常

现在我想让我的搜索过滤器行可扩展。我浏览了文档，但没有发现任何帮助。

任何关于它的想法都会有所帮助。

我有一个引导表，其列定义如下：

格式化程序函数如下所示：

第一部分用于显示其他组件中的一些内容。我需要将数据获取到父组件。但问题是格式化程序只在组件创建时创建一次，它不知道发生的任何事件或更改 row。我已经努力做到这一点，但通过做这样的事情来完成它：

因此，此方法允许我通过行上的单击事件来获取选定的行，

然后，

setSelectRow 函数允许我将我的行发送到父组件，我必须把它放在一个 useEffect 挂钩中，因为 onClick 函数是在 rowEvents 之前调用的。

所以......不是很干净，但至少按预期工作。

现在，我想要做的是将我的格式化程序替换为如下所示：

但是我不知道如何将我的行放入我的子组件中，因为在调用 onClick 时，状态尚未设置。我考虑过将我选择的行设置到我的 redux 商店中，但对于我想要实现的目标来说，感觉有点矫枉过正。
我怎么能简单地将我的当前行传递给我的子组件？

我试图像这样将我的状态添加到 formatExtraData：

然后在我的道具上使用 selectedRow ，但我的子组件获得了在前一次点击而不是在当前点击时点击的行。

所以我试图将我的行设置到我的 redux 中。Obvisouly 我遇到了同样的问题，onclick 函数是在 rowEvents 函数之前触发的。

所以我将它添加到我的子组件中：

我从我的 redux 商店获得 selectedConf 的地方，它是在单击一行时设置的。
但是，当我点击我的下载按钮时，useEffect 挂钩被触发的次数与页面上存在我的子组件一样多，即使它不是我正在处理的 BootstrapTable 的一部分，所以不好，我不知道如何避免这种情况。

我觉得我遗漏了一些明显的东西，因为我的用例非常常见和简单，我必须使用钩子和 redux 来实现它而不是简单的道具，它甚至不起作用。如果这不容易做到，这个图书馆怎么会这么有名？

谢谢。

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

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

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

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

如以下链接所示。我在一个单元格中有一个数组，当单击这些单元格进行编辑时，它们会变为 [object, object] 而不是它们的默认值。谢谢。

[第一张图片显示了我得到的错误，字段1中的 [object, object]

这个显示了在正常情况下应该发生的情况

单击ellipsis.

当我点击ellipsis按钮时，它会显示一个下拉菜单，Edit可能还有其他选项。

像这样的东西：

现在，当它被点击时，dropdown状态变为true，但再次点击时，它保持原样true并且不会将其状态更改回false，因此下拉菜单保持打开状态。

我正在使用该formatter属性来显示ellipsis每一行的按钮。

我一直在努力，但似乎仍然无法弄清楚该州到底出了什么问题。

我在使用 react-bootstrap-table2 库正确显示从 api 返回的项目列表时遇到问题。

返回的 json 结构如下：

[{"name":"Client1","list_of_items":["item1","item2","item3","item4","item5"]}]

当它显示时，“list_of_items”就像一个大字符串一样一起运行（例如：item1item2item3item4item5）。

有没有办法在每个项目之间添加逗号和空格？

这是我的代码现在在 App.js 文件中的样子：

}

我react-bootstrap在我的项目中使用该表，我想在表中添加一个带有序列号的列，但无法生成序列号，因此请指导我如何操作。任何帮助将不胜感激，并提前感谢您的帮助。

目前正在编写以下代码以生成序列号，但未获取列中的数字。

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

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

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

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

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

我需要将数据导出到 excel 而不是 CSV。有什么可能的方法可以使用react-bootstrap table2实现此功能？