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

css - PrimeReact 和样式化组件

我似乎无法使用 styled-component 设置 PrimeReact 组件的样式。

鉴于下面的代码呈现一个 InputText,我的意图是改变它的宽度。但它不起作用。

0 投票
2 回答
6209 浏览

css - 在 React 应用程序中使用启用 CSS 模块的 PrimeReact 主题

我在我的 React 应用程序的 webpack.config 中启用了 CSS 模块,这样我就可以将 CSS 文件本地限定为单个组件。我也在尝试使用 PrimeReact 中的 TabView组件。当我这样做时,PrimeReact 的主题不会被应用。如果我创建一个单独的项目并且不启用 CSS 模块,则主题将正确应用。

如何使用 PrimeReact 主题并启用 CSS 模块?

我已经测试将位于 Tabs.js 中的内容直接移动到 App.js 并获得相同的结果。

启用 CSS 模块

Webpack.config

应用程序.js

标签.js

默认 React 全局 CSS 作用域 在此处输入图像描述

启用 CSS 模块(本地组件范围)

在此处输入图像描述

0 投票
0 回答
1285 浏览

reactjs - 主要反应中的 DataScroller 和 Datatable

我对 React 很陌生,我们正在尝试 PrimeReact 在我们的 UI 页面上实现数据表和数据滚动。不过,我能够成功实现数据表。现在,我想在数据表中添加类似于虚拟滚动的 datascroller。但是,我不确定如何使用它。有人可以提供在数据表中使用 datascroller 的示例吗?

https://www.primefaces.org/primereact/#/datascroller

0 投票
1 回答
618 浏览

reactjs - 按下单元格内的按钮时处理单击事件

我有一个DataTable这样的:

当我按下“删除”按钮时,它会显示成员详细信息,因为该行正在处理事件并被onMemberSelected调用。

我该如何解决这个问题?

0 投票
1 回答
3080 浏览

javascript - Prime React 表中的按钮不起作用

我正在使用主要反应来创建一个表格,表格的最后一列是可以在表格上执行的操作,但是我正在关注文档,但 onClick 事件不适用于按钮。当我单击搜索按钮时,出现错误:“UserList.js:19 Uncaught TypeError: _this2.selectUser is not a function”

请问有什么线索吗?

编码:

0 投票
1 回答
73 浏览

javascript - JavaScript 增量数组 React

嗨,这是我的 json 值

在这里,我使用的是 primereact 数据表。这是我用来在表格中显示我的数据的代码>

我得到的价值this.state.sales[0].stdCtExamMarksImage Here

但我需要来自 json 数据的两个(等等)stdCtExamMarks 值。我该怎么做?

0 投票
2 回答
1416 浏览

restful-authentication - 使用制表键不适用于 Prime-react 可编辑数据表

我使用了 prime-react 的可编辑数据表,它可以通过鼠标单击。但问题是制表键不起作用。我想使用制表键启用一个单元格到另一个单元格的可编辑模式。我使用 Prime 反应版本 1.4.0

完整代码如下:-

我的可编辑表格代码包含的index.js

常量.js

动作.js

减速器.js

选择器.js

传奇.js

0 投票
1 回答
4117 浏览

javascript - 如何在 ReactJS 中使用特定值制作下拉菜单?

我正在使用Dropdown.PrimeReact

我有这段代码,但在Dropdown我只能显示label而不是name.

如何optionsSearch在菜单中显示变量的每个元素的Dropdown名称来选择这些名称?

0 投票
0 回答
175 浏览

reactjs - 使用 AntDesign 和 PrimeReact React 可避免的重新渲染问题

我们正在使用 React 开发一个巨大的应用程序。我们的一种形式包括 60 多个放置在不同选项卡项上的组件。

当我尝试编辑输入时,需要 190 毫秒才能在文本框中看到键入的字符。在挖掘了几个小时的问题后,我们意识到添加一个组件会增加响应时间。然后我们确定问题出在antdesign的渲染逻辑上。然后我们使用“why-did-you-update”包对 PrimeReact 进行了尝试。结果是一样的!

当状态发生任何变化时,所有组件(包括图标 :))都会尝试根据“你为什么更新”消息来呈现。

这是沙箱:https ://codesandbox.io/s/6w30ro2l9w

“你为什么更新”消息是错误的还是我们遗漏了什么?

0 投票
1 回答
633 浏览

reactjs - 如何在 React 中使用来自 PrimeReact 的可点击消息?

我正在尝试遵循示例,该示例使用PrimeReact 组件库中的 PrimeReact可点击消息,但其中有一个变量消息,我不知道它来自哪里,并且在我的机器上运行此文件时,它不会找不到它。

欢迎任何帮助。