问题标签 [primereact]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
148 浏览

reactjs - Prime React 压延机定位问题

使用 primereact 日历进行日期和时间选择。代码

附加输出图像

问题是覆盖覆盖了输入字段。我尝试了很多,但没有找到在输入字段下方显示日历的任何道具。我也尝试了自定义样式,但没有成功。

任何建议或更新?

在此处输入图像描述

0 投票
1 回答
896 浏览

reactjs - PrimeReact DataTable:如何(视觉上)取消选择行

我正在使用通过复选框进行行选择以及全局搜索的 DataTable。问题是,如果我选择一(或多)行然后通过全局搜索进行过滤,则所选行的位置保持不变,例如,如果我选择第一行和第二行并进行过滤,则第一行和第二行仍然被选中如果他们现在因为过滤而具有完全不同的内容。我什至设法重置了状态中的基础选择,导致状态中没有选择任何内容,但复选框仍然被选中。重置 DataTable 不会做任何事情。

我如何(至少在视觉上)重置复选框?谢谢!

我的代码如下:

0 投票
1 回答
738 浏览

reactjs - PrimeReact 下拉菜单有问题

我仍然是 React Js 的新手,最近我一直在使用 PrimeReact 进行开发。Forms 和 DataTables 对我来说做得很好,但我似乎无法弄清楚如何处理 Dropdown。我的状态由 redux 管理,在mapStateToProps我加载数据后,componentDidMount我可以console.log看到我的数据数组。通过正常的反应选择输入,我一直在使用以下代码:

这是一个选项,因为我可以发布到我的后端。但是,我想将 PrimeReact 用于我的所有表单,并且我一直在努力解决如何去做。以下是我的尝试,它让我头疼:

account_type是我的字段的名称,我的 django 模型引用了该accountytpe模型,并希望account_type在创建Account. 可以有人帮忙。并提前感谢

0 投票
1 回答
215 浏览

javascript - Uncaught Error: Objects are not valid as a React child ,如果你打算渲染一个子集合,请改用数组

我正在尝试使用 primereact 显示嵌套的 json 对象。我能够显示简单明了的字段。但是当我得到一个嵌套的json时,我得到了例外,

让我发布我得到的 json 对象

我正在使用如下所示的 DataTable

我可以显示商店号码和邮政编码。但是当涉及到 bankName、armoredCourier、courierBranch、cashVault 时,我得到了提到的异常。我不知道如何在 DataTable 中显示对象。请帮助。提前致谢。

0 投票
2 回答
956 浏览

reactjs - 错误 - PrimeReact 自动完成建议未显示

https://primefaces.org/primereact/showcase/#/autocomplete

我试图在组件加载一些数据后立即加载建议下拉列表componentDidMount。正在使用 中的数据进行suggestionsList更新,但未显示建议​​下拉菜单。objcomponentDidMount

简单地说,只要输入得到关注并且没有输入文本,就会显示一个建议下拉菜单。

abcCmp.jsx

0 投票
1 回答
186 浏览

javascript - 在 redux 状态托管组件中与 Primereact DataView 组件斗争

我正在尝试使用 Primereact DataView,问题是我的数据是使用操作从后端加载的。以下是我的代码,稍后将解释我的目标。

现在这是文档中的问题,我假设这两个函数用于加载数据

使用我的方法,我似乎得到了这个错误:错误:DataViewItem(...):没有从渲染返回。这通常意味着缺少 return 语句。或者,不渲染任何内容,返回 null。

我的假设是,这可能与我如何从后端加载数据有关。如果是这种情况,可能有人会帮助我如何模仿那些文档,如函数并在 DataView 中呈现数据。提前致谢

0 投票
0 回答
94 浏览

css - 如何在 Prime React 中灰显动态菜单

我正在填充来自后端的反应菜单。我正在使用反应路线来导航它们。我想将其中一个变灰,同时它们将填充在屏幕中。我使用了两个 css 类,一个是银行供应内容,它基本上是在进行格式化,我也在尝试应用 css disable-link 来禁用我要禁用的菜单中的指针,但它对我不起作用。下面是代码

我用过的css

我正在使用 disable 属性将其变灰,但是它不起作用。

在此处输入图像描述

0 投票
3 回答
1456 浏览

html - 覆盖 PrimeReact 样式

我正在尝试找到覆盖用于 Prime React 的默认“Nova”主题的最佳解决方案。我知道他们有一个可供购买的主题设计师,但我最好不要使用它。以前,我的反应应用程序中的每个 tsx 文件都有一个 scss 文件。我正在使用诸如 -

我基本上把 !important 放在所有地方,它开始变得非常混乱。我考虑过在我的 index.tsx 文件中注释掉 Prime React 主题的导入

而是导入我自己的scss ..

这使得样式完全消失,页面看起来像纯粹的 html。我在想也许我应该从 Nova 主题文件中复制所有代码,然后在覆盖文件中慢慢开始调整它。

有没有人有更好的方法或任何想法?

谢谢

0 投票
0 回答
107 浏览

json - Prime React Datatable 嵌套 JSON

我想澄清一下我是否可以使用 primereact 数据表处理这种格式的嵌套 JSON 数据集。

我读过帖子说要展平这些数据并以这种方式显示它,而其他有角度版本的帖子说我可以使用 map.name 进入嵌套对象。这对我不起作用,那么在反应数据表中显示来自多层嵌套的数据的最佳方法是什么?

0 投票
1 回答
561 浏览

javascript - React / PrimeReact 应用程序未使用 JSON 从 Web 服务呈现数据表内容

当心,我是 ReactJS 和 PrimeReact 的新手。我正在尝试构建一个页面,显示人员列表、从另一个 Java 后端服务器提取的数据。

首先,这是 JSON 数据:

在此处输入图像描述

这是我的 index.js:

如您所见,我正在调用PersonManager.js以显示实际内容:

但是,PrimeReact 数据表保持为空。

在我的浏览器 (FF) 中,它如下所示:

在此处输入图像描述

我对这个 ReactJS / PrimeReact 东西很陌生,我不知道为什么它不能正确显示。

我对组件本身构建的数据进行了同样的尝试,它显示了多行(参见下面的源代码)。

问题

我究竟做错了什么?

请注意,控制台正确打印从其他服务器获取的数据。‍♂️</p>

-> PS:您可以在此处查看完整代码:https ://github.com/kawoolutions/basketball-stats-primereact/