问题标签 [react-table]

我正在尝试react-native-table-component在我的视图（docs）中使用 a ，但我遇到了一个问题，因为我希望我的专栏具有图像组件。我按照使用按钮的文档中的示例进行操作，并具有以下内容：

但我不断收到错误消息undefined is not an object (evaluating following_pics.push)。有什么方法可以将这些图片添加为指定的数据数组？

我有一个使用 react-table 的表，但对于其中一列，我想显示两条数据 - 名称和描述。

访问器所在的位置Product我想在 Product 列中同时显示名称和描述（我将设置它们以使用不同的字体大小堆叠）。

我已经尝试使用该Cell: row =>列的属性，并认为我也可以尝试调用一个对其进行布局的函数，但我两次都遇到了错误。

任何想法如何做到这一点？

我的表格中有一个颜色输入框。为了帮助格式化，我在“外部”上有一个彩色 div，里面有一个“输入：颜色”字段，设置为display:none. 单击外部 div 会触发对内部输入的单击。

总体而言，该系统运行良好。除了它触发此错误：

警告：失败的道具类型：您在value没有处理程序的情况下为表单字段提供了道具onChange。这将呈现一个只读字段。如果该字段应该是可变的，请使用defaultValue. 否则，设置onChange或readOnly。

我有一个onChange和defaultValue一套....知道为什么会这样吗？

我正在使用react-table并且我想将 CSS 规则应用于rt-td无法通过其 API 提供的内容访问或修改的类。

在 CSS 中，我会从我的样式表中覆盖 CSS 类。但是你如何使用样式化的组件呢？我听说这是一种反模式，但我该怎么办？

示例：https ://codesandbox.io/s/18p67pnp47

我需要在我的反应表中旋转一些列标题。这是通过以下方式完成的：

但是，有些文本过长，我想在旋转后限制高度，将单词分解为新行。一直在尝试各种显示、最小/最大高度宽度、自动换行等，但还是不太明白。

上面链接的示例显示了问题（名称应在新行上）并包含所有相关标记。有任何想法吗？

我有以下代码用于检索单击行的数据：

如何更改单击行的背景颜色？或者突出显示单击的行的最佳方法是什么？

我遇到了 React-Table 库的问题，其中 Google Chrome 在“prop-Types.js”（import PropTypes from 'prop-types'）的第一行显示了 Uncaught SyntaxError: Unexpected Identifier。

我正在运行以下版本的相关软件包：React：16.2.0 React-Table：6.8.0 Prop-Types：15.6.1

这是我调用的文件中的代码react-table：

这是 react-table 库本身的 propTypes.js 文件（Chrome 在第一行表示语法问题）：

和 webpack.config.js 文件：

这不会破坏代码的执行，它只会阻止我浏览源代码或在调试器中正确查看内容，但我非常感谢任何关于正在发生的事情的见解。

谢谢！

我不熟悉 React，希望能得到一些帮助。我在表格中有一个表格，其中每一行都是一个具有状态（“待批准”或“已批准”）的项目。我在每一行也有一个复选框。I would like it so that when the checkbox next to a row is selected and the form is submitted, I can change the status of each selected project to 'Approved.'

我的 handleChange 函数应该包含什么，我应该如何去做？我想知道是否有某种方法可以将选定的项目添加到数组中，然后更改它们的状态值？

我需要做无限滚动，所以我首先想到的是，我怎么知道表格的滚动属性？以便我可以决定加载更多项目并更新状态？

就像，如何知道仍然只有 10 个项目没有看到（超出视口）？

我正在使用 react-table，请参阅以下代码框（此处）

因此，我正在尝试将 unCheck 函数绑定到按钮，以便我选择的所有复选框都将变为未选中状态。该按钮位于父组件中，所有复选框都位于名为MyCheckbox的子组件中。

我已经尝试了很多东西，看起来裁判会做。（如果你找到另一种方式，我会全神贯注）

从技术上讲，我在这里的另一个应用程序中尝试了以下操作并且它可以工作，但在这种情况下，函数和 ref 在同一个组件内。所以我猜我必须通过 refs？或者可能是回调。（对不起，我对裁判有点陌生，是的，我知道他们是不好的做法）

这是失败的部分：

如何将参考从孩子传递给父母？所以我的 Uncheck 功能可以使用它。

PD。此外，ToggleAll ()函数选择和取消选择所有复选框。这是 react-table 提供的道具。然而，这更像是一个开/关开关。我只想要它的关闭部分。在我的实际应用程序中，我也使用 redux