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

javascript - 如何在 Primereact 数据列中添加图像

嗨,我是 Reactjs 和 primereact 的新手https://www.primefaces.org/primereact/#/datatable。绑定表中的数据,我选择了主要的反应数据表。现在我不知道如何在数据表中添加图像标签。

我尝试在列内使用一些图像标签,但这不起作用,它只是扩展了列,但我的图像没有显示。

在这里我粘贴了我的代码

0 投票
1 回答
647 浏览

css - 有什么方法可以将图标图像更改为主要反应中的本地图像?

我正在尝试将按钮图标图像更改为计算机上的图像,但主要反应似乎不允许我这样做。我努力了:

  1. 将按钮链接到外部样式表并从那里更改背景图像。
  2. 使用内联样式属性style={ }

无济于事,感谢任何帮助!

0 投票
1 回答
1563 浏览

reactjs - 如何在反应中改变手风琴的高度?

我使用Prime React UI 库创建了一个手风琴。

我只是不想改变手风琴的高度,所以它占据了更多的页面。手风琴响应更改样式标签中的宽度,但不响应高度。我的问题是你如何改变高度?

编辑:红色圈出的是我试图做大的

红色圈出的是我试图做大的东西

数据标题和汽车标题之间的额外空间是通过 headerstyle{{height: "300px"}} 更改高度的结果

编辑2:我在这里添加了它:

0 投票
0 回答
394 浏览

reactjs - 具有替代数组键格式的 Primereact Dropdown

当我将 Dropdown 与数组一起使用时,但该项目未使用 format {value, label},例如:{tag, name},未选择默认值并且该onChange值返回整个对象,而不是该tag值。我试过dataKey="tag"但似乎不起作用示例代码:https ://codesandbox.io/embed/primereact-kvewe

0 投票
0 回答
239 浏览

reactjs - PrimeReact Dropdown 异步数据选项

我在 PrimeReact 中使用下拉菜单,但似乎它不支持从服务器连续获取数据选项,我想执行类似的操作<Dropdown onFilter={filterWithServer} />

有没有办法做到这一点?

0 投票
1 回答
3722 浏览

reactjs - 无法前往完整日历上的特定日期

我使用 的完整日历primereact,但我需要选择特定的年份和月份。为此,我有单独的日期选择器。但是当我尝试使用gotoDate完整日历的方法更改日期时,

有错误

'未捕获的类型错误:无法读取 null 的属性'onViewDateChange''

0 投票
1 回答
601 浏览

reactjs - 在 PrimeReact 的 ScrollPanel 中使用 antd 的 Vertical Steps 组件

我想在 primeReact ScrollPanel(https://www.primefaces.org/primereact/#/scrollpanel )中使用来自 antd( https://ant.design/components/steps/ )的垂直步骤。我还想使用“antd”示例中所示的“Next”和“Previous”按钮。直到这里一切正常,但是当我有很多步骤并且点击“下一步”移动到下一步但滚动器没有移动,即突出显示的步骤移出视图时。如何使滚动也移动,以便选定的步骤位于中心视图中?

ScrollPanel 中的垂直步骤代码:

0 投票
1 回答
342 浏览

css - Primeract 和 nextjs webpack 配置

如何将 css 导入到 nextjs 我是根据 nextjs 文档完成的。但它给出了错误。我必须安装 loader。但我是 webpack 的新手。我找不到如何进行 webpack 配置。请提出解决方案。

0 投票
1 回答
629 浏览

reactjs - 无法使 onClick 在 ReactJS 中工作

我在 reactJS 应用程序中使用 PrimeReact。

onClick 没有触发调用 this.onEdit 的编辑按钮我还在构造函数中绑定了 this

用户界面:-

在此处输入图像描述

更新:-

如果我将按钮直接放在 render() 内,它就可以工作。但由于这是为每一行生成的动态按钮,并且代码在外部,因此似乎无法正常工作。不知道如何处理。

0 投票
1 回答
518 浏览

reactjs - 为 PrimeReact 数据树图标使用自定义图像

我正在使用 PrimeReact 中的数据树组件,文档链接如下。树组件接收一个对象,其字段定义为

这样称呼

icon 属性决定了在标签标签旁边呈现的符号。我想用我自己的 .png 代替可用的图标。我最初会尝试添加一个 img 标签,但这似乎不起作用。如果需要更多信息,请告诉我。

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