问题标签 [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 投票
1 回答
761 浏览

reactjs - 使用 primereact 按钮将 url 带到新选项卡

我正在关注以下演示

当用户单击Home按钮时,是否可以将用户带到浏览器的新选项卡,而不是在单击按钮的同一选项卡中打开 URL?我想知道如何修改这条线<Button label="Show" icon="pi pi-bars" onClick={(event) => this.menu.toggle(event)}/>来实现我的目标。

0 投票
1 回答
2672 浏览

reactjs - 来自自定义组件的 PrimeReact DataTable 动态列

我想动态呈现在ParentComponent的子项中给出的列作为CustomColumn s,如下所示:

问题是DataTable组件呈现它自己的Column组件,而不是我的CustomColumn,后者是 Column 组件的定制/扩展版本

如何让我的CustomColumn呈现为DataTable中的动态列?

这是代码沙箱

0 投票
0 回答
156 浏览

reactjs - 在 React 中动态创建组件并将其存储在状态变量中以在 Dialog 中显示

我正在使用 PrimeReact 开发应用程序。在我的一个 React 组件中,我正在使用动态创建组件React.createElement并将其存储在状态变量中。然后,我将使用 PrimeReact 在 Dialog 中显示动态创建的组件。下面是创建组件的代码。

下面是dynamicComponent在对话框中显示的代码。

上面的代码只在第一次工作。下次如果我通过不同props的,它仍然显示与以前的组件props

我的问题是:

  1. 如何让对话框在每次创建时显示具有不同道具的组件?
  2. 这是解决我的问题的正确方法吗?我还需要扩展我的解决方案,以便它不仅加载具有不同道具的相同组件,还需要完全加载不同的组件。
0 投票
1 回答
1063 浏览

javascript - 未找到 Primereact 导入

我想用 Primereact 框架开发一个 React Js 应用程序。现在我遇到了一些 Imports 找不到的问题。

Import import {Button} from 'primereact/Button' 抛出异常:找不到文件:'Button.js' 与磁盘上的相应名称不匹配:'.\node_modules\primereact\button.js

我遇到的第二个问题是找不到 DatatableSubMenu 和 DatatableCrudDocu。什么是正确的进口?

我的 package.json 是:

我希望有人能帮助我。

0 投票
2 回答
443 浏览

reactjs - 无法覆盖主要反应菜单组件中的 css top 属性

我正在尝试摆脱空间,如下图所示:

在此处输入图像描述

我正在使用本文档中的 Primereact 的菜单组件

这是我的构造函数代码供参考:

这是我MenuButton组件定义的:

我弄清楚了Button和之间有空格的原因Menu。当我在 Firefox 浏览器上右键单击MY DROPDOWN MENU并选择Inspect Element Q时,我看到了以下内容——csstop属性设置为118.5px. :

在此处输入图像描述

我正在尝试覆盖该top属性并将其更改为60pxfrom 118.5px。为此,我尝试像这样修改我的代码:

但它最终显示为一个单独的属性,如下所示:

在此处输入图像描述

如何修改top属性?

0 投票
1 回答
401 浏览

reactjs - Prime React - DataTable - CSV Eexport 在 chrome 中失败,但在 IE 中工作

我正在使用 Prime React 库在使用 SPFX 构建的应用程序中实现它的 DataTable 功能,并为 SharePoint Online - WebPart 做出反应。

在本地服务中,csv 导出功能在 IE 和 Chrome 中都有效。但是当构建的文件部署到 Sharepoint 站点时,csv 导出功能在 Chrome 中失败,但在 IE 中工作正常。需要一个解决方案。

我在primefaces/primereact 库中提出了同样的担忧。

问题似乎与图书馆有关。寻找解决方案或变通方法。

提前致谢

0 投票
1 回答
2793 浏览

reactjs - PrimeReact的DataTable中如何实现延迟加载

我尝试实现DataTable. 在官方示例中,仅使用onPage事件。但是如果我需要同时使用列过滤器分页排序呢?这是我需要开发的工作流程吗?

  1. 客户端收集所有排序、过滤、分页parameter list
  2. 客户端发送parameter list到后端
  3. 后端根据parameter list
  4. 后端将新数据发送给客户端
  5. 客户端通过使用新的更新数据更新状态来更新数据表

如果这是工作流程,那么我该怎么做,因为我没有看到任何从DataTable.

我创建了一个测试用例CarService该类应该根据事件参数一起过滤数据。将此CarService视为后端。

应用程序

汽车服务

0 投票
1 回答
1209 浏览

javascript - React 组件在来自 JSON 对象的选项卡中呈现动态内容

在我的 React 组件中,我无法从 JSON 对象呈现动态选项卡。我能够检索 JSON 数据键和值数组,但无法在 UI 中呈现它。

我正在使用 PrimeReact UI 组件。 https://www.primefaces.org/primereact/#/tabview

零件

JSON数据:-

更新:-

控制台日志:-

对于此代码,不会呈现任何选项卡

在此处输入图像描述

0 投票
1 回答
372 浏览

javascript - 如何使用 PrimeReact 的 Button 组件?

我在构建一个简单的计算器时尝试了 javascript map 方法。

我为计算器的每一行使用一个列表,并将其映射到一个表格单元格和其中的一个主要反应按钮。

然而,我在浏览器中得到了奇怪的结果。

我在组件中的代码如下,我截取了输出。在此处输入图像描述

0 投票
1 回答
1658 浏览

json - 如何检查 JSON 数据是否与 React js 中的特定字符串匹配?

我想检查从 JSON 服务器检索到的数据是否与ReactJS. 我PrimeReact用来画画tablegraph这是我的代码:

IF condition block

我正在检查使用If条件,但它不起作用并输出0。我使用console.log(this.state.jsonData[1].location);我从 Json 获取它的值单独检查,但是当我比较它时,如果条件失败。我也尝试过,setting state而不是使用var相同的结果。如果有人想看的话,这里是 JSON 数据http://myjson.com/80ao2

我想要实现的是特定单词出现的频率并根据该绘制图同时增加计数。如何做到这一点?或者这不是一个好方法吗?如果我能做到这一点,请提出更好的方法?