问题标签 [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.
reactjs - 使用 primereact 按钮将 url 带到新选项卡
我正在关注以下演示:
当用户单击Home
按钮时,是否可以将用户带到浏览器的新选项卡,而不是在单击按钮的同一选项卡中打开 URL?我想知道如何修改这条线<Button label="Show" icon="pi pi-bars" onClick={(event) => this.menu.toggle(event)}/>
来实现我的目标。
reactjs - 来自自定义组件的 PrimeReact DataTable 动态列
我想动态呈现在ParentComponent的子项中给出的列作为CustomColumn s,如下所示:
问题是DataTable组件呈现它自己的Column组件,而不是我的CustomColumn,后者是 Column 组件的定制/扩展版本。
如何让我的CustomColumn呈现为DataTable中的动态列?
这是代码沙箱
reactjs - 在 React 中动态创建组件并将其存储在状态变量中以在 Dialog 中显示
我正在使用 PrimeReact 开发应用程序。在我的一个 React 组件中,我正在使用动态创建组件React.createElement
并将其存储在状态变量中。然后,我将使用 PrimeReact 在 Dialog 中显示动态创建的组件。下面是创建组件的代码。
下面是dynamicComponent
在对话框中显示的代码。
上面的代码只在第一次工作。下次如果我通过不同props
的,它仍然显示与以前的组件props
。
我的问题是:
- 如何让对话框在每次创建时显示具有不同道具的组件?
- 这是解决我的问题的正确方法吗?我还需要扩展我的解决方案,以便它不仅加载具有不同道具的相同组件,还需要完全加载不同的组件。
javascript - 未找到 Primereact 导入
我想用 Primereact 框架开发一个 React Js 应用程序。现在我遇到了一些 Imports 找不到的问题。
Import import {Button} from 'primereact/Button' 抛出异常:找不到文件:'Button.js' 与磁盘上的相应名称不匹配:'.\node_modules\primereact\button.js
我遇到的第二个问题是找不到 DatatableSubMenu 和 DatatableCrudDocu。什么是正确的进口?
我的 package.json 是:
我希望有人能帮助我。
reactjs - 无法覆盖主要反应菜单组件中的 css top 属性
我正在尝试摆脱空间,如下图所示:
这是我的构造函数代码供参考:
这是我Menu
和Button
组件定义的:
我弄清楚了Button
和之间有空格的原因Menu
。当我在 Firefox 浏览器上右键单击MY DROPDOWN MENU
并选择Inspect Element Q
时,我看到了以下内容——csstop
属性设置为118.5px
. :
我正在尝试覆盖该top
属性并将其更改为60px
from 118.5px
。为此,我尝试像这样修改我的代码:
但它最终显示为一个单独的属性,如下所示:
如何修改top
属性?
reactjs - Prime React - DataTable - CSV Eexport 在 chrome 中失败,但在 IE 中工作
我正在使用 Prime React 库在使用 SPFX 构建的应用程序中实现它的 DataTable 功能,并为 SharePoint Online - WebPart 做出反应。
在本地服务中,csv 导出功能在 IE 和 Chrome 中都有效。但是当构建的文件部署到 Sharepoint 站点时,csv 导出功能在 Chrome 中失败,但在 IE 中工作正常。需要一个解决方案。
我在primefaces/primereact 库中提出了同样的担忧。
问题似乎与图书馆有关。寻找解决方案或变通方法。
提前致谢
javascript - React 组件在来自 JSON 对象的选项卡中呈现动态内容
在我的 React 组件中,我无法从 JSON 对象呈现动态选项卡。我能够检索 JSON 数据键和值数组,但无法在 UI 中呈现它。
我正在使用 PrimeReact UI 组件。 https://www.primefaces.org/primereact/#/tabview
零件
JSON数据:-
更新:-
控制台日志:-
对于此代码,不会呈现任何选项卡
javascript - 如何使用 PrimeReact 的 Button 组件?
我在构建一个简单的计算器时尝试了 javascript map 方法。
我为计算器的每一行使用一个列表,并将其映射到一个表格单元格和其中的一个主要反应按钮。
然而,我在浏览器中得到了奇怪的结果。
我在组件中的代码如下,我截取了输出。在此处输入图像描述
json - 如何检查 JSON 数据是否与 React js 中的特定字符串匹配?
我想检查从 JSON 服务器检索到的数据是否与ReactJS
. 我PrimeReact
用来画画table
,graph
这是我的代码:
见IF condition block
我正在检查使用If
条件,但它不起作用并输出0
。我使用console.log(this.state.jsonData[1].location);
我从 Json 获取它的值单独检查,但是当我比较它时,如果条件失败。我也尝试过,setting state
而不是使用var
相同的结果。如果有人想看的话,这里是 JSON 数据http://myjson.com/80ao2
。
我想要实现的是特定单词出现的频率并根据该绘制图同时增加计数。如何做到这一点?或者这不是一个好方法吗?如果我能做到这一点,请提出更好的方法?