问题标签 [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 树
我对 react/UI 真的很陌生，但我已经了解了它如何呈现的基础知识。我知道“primereact”（https://www.primefaces.org/primereact/#/）中的这个 Tree 组件，但我想知道是否可以使用 primereact Tree 组件制作按钮树或自定义组件。
TIA
javascript - 使用 Parceljs 时，为 Prime React 组件包含 css 文件的最佳方法是什么？
我在我的应用程序中使用 Parceljs ( https://github.com/parcel-bundler/parcel ) 和 React。我决定使用 Prime React 组件，因为它们非常坚固且结构良好。我已经使用 npm 成功安装了 Prime React，当然所有的 js 和 css 文件都位于 node_modules/primereact 文件夹中。此外，所有 css 文件（包括所有免费主题的 css 文件）都在 node_modules/primereact/resources 文件夹中。
在 Prime React 文档中，他们只提到 Prime React 组件能够工作所需的 css 文件是什么，并且如果您使用 webpack，还有如何导入 css 文件的示例。
这是 Prime React 组件的“入门”文档部分的链接：
https://www.primefaces.org/primereact/#/setup
根据文档，如果我使用 webpack，我可以使用 import 命令导入 css 文件，如下所示：
但是，如果我使用 Parceljs Bundler，导入 css 文件的最佳方法是什么？
显然，我可以将 css 文件从 node_modules/primereact/resources 文件夹复制到我的应用程序文件夹，然后通过链接正常导入 css 文件：
但这样我就不能只用 npm 更新 prime react 并获取最新文件。
解决此问题的最佳方法是什么？
javascript - Dialog 组件中的动态内容
您好，我尝试使用具有动态照片大小内容的对话框中的主要反应组件制作数据视图。默认情况下，带有滚动条的照片弹出窗口位于屏幕中央。如何使其具有动态大小且没有滚动条且位于屏幕顶部。
我尝试使用最大/最小身高和体重，但没有结果。发现“动态内容可能会将对话框边界移动到视口之外。常见的解决方案是通过 contentStyle 定义最大高度，以便更长的内容显示滚动条。” 来自https://www.primefaces.org/primereact/#/dialog 但是如何实现它。
如何使对话框大小等于照片大小。
reactjs - 从 ref 获取 HTMLInputElement 到 PrimeReact 的 InputText
我正在尝试使用 ref 来访问 InputText 组件的底层输入元素。我曾经this.textFieldRef = React.createRef()设置 ref，然后设置属性ref={this.textFieldRef}来连接它。然而，在componentDidMountI cannot use this.textFieldRef.current.select()because select()is not a function available for that object 中。所以不知何故，InputText 没有返回底层的 HTMLInputElement。
有谁知道我如何从 ref 获取允许我访问select()InputText 元素中的文本的内容？
这是我的代码，实际上是在 TypeScript 中...
primereact - PrimeFlex 网格渲染问题
我想用 primereact flexgrid 设计一个页面，但它不起作用，代码如下...（从 primereact 站点复制）
和
页面显示垂直数据而不是网格视图...
如果有人可以请帮助...
reactjs - React 嵌套表格组件
我想在我当前的 POC 中构建嵌套表，但我的父子表标题和数据不同。当我刚接触 React 时，我无法自己构建。是否有任何 UI 组件或库可以满足我的要求？我已经探索了 PrimeReact 和 MaterialUI，但没有满足我的要求，所以如果有的话请提出建议。
reactjs - 将 rowStyleClass 应用于 PrimeReact DataTable 中的每一行
我有数据，每一行/用户的格式如下：
如果 active 属性为 false，我希望将背景颜色应用于整个行。目前我有这个，试图将样式应用于每一行
仅将样式应用于每隔一行（见图）
关于我应该尝试什么的任何想法？我在 3 天前在 primeFaces 论坛上发布了这个问题，但从未得到回复：https ://forum.primefaces.org/viewtopic.php?f=57&t=58605
reactjs - 自己的 dataTable 的 sortFunction
在 mySort 方法中调用 this.props.fetch() 时出现错误。this.props.mySort 从后端收集按相应列排序的新数据。错误是：警告：在现有状态转换期间无法更新（例如在 内render）。渲染方法应该是 props 和 state 的纯函数。this.props.fetch 现在在无限循环中调用。
我怎样才能解决这个问题？
最好的问候，约阿希姆
reactjs - 无法在 Next.js 项目中导入 PrimeReact 样式文件
我正在尝试在 Next.js 项目上使用 PrimeReact 组件，但是当我尝试导入核心 css 样式时出现错误，如其文档中所示（https://www.primefaces.org/primereact/#/ setup )，我已将这些组件与 create-react-app 项目一起使用，但这次我遇到以下错误： Next js error
我正在使用“@zeit/next-sass”和“node-sass”来处理 SASS 文件，我读到需要创建一个“webpack.config.js”来手动应用正确的加载器，但问题仍然存在（我不是 webpack 专家），我想知道是否有人可以给我一些我所缺少的提示。
先感谢您。
javascript - 无法将焦点设置在 Primereact 中的下拉组件上
我正在尝试将焦点集中在 primereact 的“下拉”组件上，但焦点并未转到“下拉”组件。
我使用了https://www.primefaces.org/primereact/#/dropdown中给出的 autoFocus 属性。然后我尝试使用 react ref 来设置焦点。