问题标签 [primereact]

我在我的 React 应用程序中使用来自prime-react的 DataTable 组件来创建数据表。表格显示与表格之外显示的其他一些数据相对应的数据行。我的要求是，每当用户单击其他数据时，表中的相应行（与该数据匹配）都应突出显示。我探索了为 给出的 API DataTable，并且遇到了filter一种方法，该方法可以通过给我一个与单击的数据匹配的行的 DOM 引用来实现这一点。但我不确定如何使用该filter方法。我尝试ref在DataTable这样的设备上使用 a ，但它没有用：

如何覆盖primerreact 中的一些默认值，例如原色？

我读到我必须通过在提供的 override.scss 中添加以下代码来覆盖这些值

不幸的是，我的更改在使用例如按钮类（使用原色）时没有应用。我还读到覆盖必须在创建实际类之前发生。

我怎样才能做到这一点？我需要运行 SCSS 命令吗？

我有一个带有对象的父组件，该对象包含一些表示范围的嵌套数组：

我还有一个更深的嵌套子组件，它使用范围滑块处理范围过滤：

我有一种情况，用户使用范围滑块过滤一些数据，我试图使用回调方法将输入发送到我的父组件handleFilterChange。我无法创建一个可以处理对象中所有数组的方法。我添加了一些我尝试过的示例代码，但是我的两个示例都有一些缺陷。

我正在使用 Primereact滑块组件

我正在尝试使用自定义数据填充数据表（PrimeReact）列，更具体地说是图像 JSX。现在需要使用多个 fetch 调用来获取和验证该图像的来源。我的问题是，由于 Promise 是异步的，我无法形成并返回该图像标签。我真的很感激任何关于如何实现这一目标的建议。

我正在尝试测试一个菜单栏，该菜单栏使用history.push. 我正在使用 Primereact 菜单栏组件。

如何验证当我单击菜单栏按钮时，它会将我带到正确的页面？

我正在尝试测试以下onColumnToggle函数，该函数用于切换表中的某些列（使用 Primereact Column Toggler）：

我的应用程序中的功能运行良好，并且切换的工作方式与文档中的一样。我在测试该方法时遇到了一些困难。目前我有以下内容：

我希望我的状态与我的价值selectedColumns相等。columnMock相反，我收到以下错误：

调试问题表明onColumnToggle函数的过滤部分没有过滤掉两个数组中的公共值并orderedSelectedColumns返回一个空数组。如果我控制台日志selectedColumns.includes(obj)，那么它false每次都会评估。我究竟做错了什么？该功能在我的应用程序中按预期工作。

从下一个示例（由文档提供）：

我收到此错误：

输入 'FunctionComponent<{}> & { size: [16, 16]; }' 缺少来自类型 'ReactElement ReactElement Component)>) 的以下属性 (new (props: any) => Component)>': type, props, key

我正在开发一个 ElectronJS、React、Typescript 应用程序，并且我想将图标/八角形添加到 TextInput（是错误的来源）。

关于如何解决此错误的任何想法？我没有找到任何解决方案。

提前致谢。

我正在尝试更改工具提示的背景颜色，我正在使用主要反应按钮（https://primefaces.org/primereact/showcase/#/tooltip）。

工具提示图片

我的代码：

我尝试设置 DebtorClientColumn 和 Tooltip 的样式，但两者都不起作用：

实现的DataTable的其中一列有点像这样

FieldValuesAsText是一个以XYZ作为其属性之一的对象。body属性中使用的自定义函数成功检索了该值，但问题是当我尝试执行过滤操作时。由于过滤器默认为字段，在这种情况下是FieldValuesAsText#XYZ，所以它显然会返回未定义的。我怎样才能使我的过滤器正常工作？

我在 primereact 中有一个数据表，其中包含一个客户列表，其中有一列validTo返回日期或 null。我想过滤所有有效的客户，所以我会过滤等于 null，但这不起作用，因为 null 会重置过滤器。

第二个选项是在模板中用“-”之类的东西替换 null，但是如何过滤模板返回的值，看起来，数据表只过滤源数据？

更新1：

我走得更远了。

我的专栏看起来像这样

这是我的过滤器设置：

所以只剩下一个问题了。如何取消过滤或显示所有值？