问题标签 [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 回答
401 浏览

reactjs - Primereact:警告:遇到两个孩子用相同的钥匙,

我正在使用 primereact 下拉组件https://primefaces.org/primereact/showcase/#/dropdown

但收到此警告:-

react_devtools_backend.js:2450 警告:遇到两个具有相同密钥的孩子。密钥应该是唯一的,以便组件在更新时保持其身份。非唯一键可能会导致子项被复制和/或省略——这种行为不受支持,并且可能在未来的版本中发生变化。
in ul(由 DropdownPanel 创建)
in div(由 DropdownPanel 创建)

如何在 Primereact 下拉列表中解决此问题。

0 投票
3 回答
97 浏览

reactjs - 从类组件更改为功能组件

我有一个小问题,我使用 PrimeReact 来开发我的东西,但有时从类组件到功能组件的变化非常烦人,所以我想将此组件更改为功能性组件,有人可以帮助我吗?

0 投票
0 回答
18 浏览

reactjs - react getId时如何显示和更改传入的数据下拉列表

如何编写此结构以便在 getId 操作的下拉列表中的 memberTitle 列表中显示所选数据并提供更改。

memberList 持有 memberTitles

0 投票
1 回答
374 浏览

css - 如何自动调整primereact Datatable中的列

我正在使用主要的反应数据表来填充日期。我想使用表中的列自动调整值。我曾尝试使用一些 css 和 dattable 属性,但它不适合我。这是我到目前为止所做的

在这里我创建了列

这是数据表css

这些列不会自动调整值,而且我想将水平滚动条添加到表格中。任何人都可以帮助我。我是新手反应。

0 投票
1 回答
33 浏览

javascript - 如何将 react.js 文件的 HTML 部分用于另一个 react.js 文件

我正在尝试将单独的 react.js 文件的内容用于另一个 react.js 文件。js 文件包含一个下拉列表和我想根据条件显示的下拉列表。下面是包含下拉菜单的 js 文件

这部分代码显示了一个下拉菜单和一个导出选项,我想在另一个 js 文件中使用这个代码块,下面是 js 文件的内容

0 投票
2 回答
1911 浏览

javascript - 故事书未显示样式

我有一个在内部使用 Primereact 对话框的对话框组件。当我为此制作故事书时,正在导入按钮的自定义 css,因为它是在 dialog.jsx 中导入的。但是 Primereact 对话框的默认 css 没有加载和反映在故事书中。虽然它正在我的 React 应用程序中加载。

dialogComp.jsx

dialog.storybook.js

故事书---main.js

我在配置中遗漏了什么吗?

0 投票
2 回答
465 浏览

reactjs - 我们可以使用带有 PrimeReact 按钮的 Material Icon

目前我正在使用 PrimeReact 的 Button。他们正在使用 PrimeIcons 的图标,但图标的数量是有限的,我想使用 Material Icons。

如果可能的话,请给我建议。

0 投票
1 回答
437 浏览

css - 为什么 Prime React 下拉菜单无法正常工作?

https://codesandbox.io/s/frosty-glade-4pfqe?file=/src/App.js

谁能帮我解决这个主要组件

0 投票
1 回答
87 浏览

reactjs - 从 API 加载数据后 PrimeReact Select Item 为空

我的功能组件如下:

问题是,它正在显示Loading...直到 API 调用完成,然后它正在渲染 DropDown。但是即使API调用完成后,DropDown仍然是空的!

我在这里想念什么?

PS:如果我将从 API 获取数据替换为从本地 json 文件获取数据,则此 DropDown 可以完美运行

0 投票
1 回答
316 浏览

datatable - 为 PrimeReact 数据表自定义颜色

有一种方法可以将背景或文本颜色更改为 PrimeReact 数据表中的一行,该方法使用rowClassName={rowClass}whererowClass是一个允许返回 CSS 文件中配置的类的函数。

但是...如果我想选择任意颜色怎么办?例如,一个从数据库中提取的#RRGGBB格式?

阅读de文档我看不到调用函数以返回样式字符串的方法。另一种方法可能是动态创建类名,例如...

class RRGGBB对于选定的颜色,用背景定义这个类:#RRGGBB并让rowClassName={rowClass}调用rowClass函数返回这个动态创建的类......

我有这种方法,但不起作用:

此代码是 Prime react 对示例代码的修改版本,此处位于沙箱中: https ://codesandbox.io/s/o6k1n

谢谢!