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

reactjs - 从 PrimeReact 更改圆环图的标签位置

我是 React 新手,想从 PrimeReact 更改甜甜圈图的标签位置(https://www.primefaces.org/primereact/#/doughnutchart)。

我检查了Primereact 内部用于图表的链接( https://www.chartjs.org/docs/latest/charts/doughnut.html ),并没有找到改变位置等的选项。有没有办法实现?

我还想在甜甜圈的中心放一些文字。

TIA

0 投票
4 回答
392 浏览

json - 在反应中从json数据动态生成列表

我正在使用primereact生成表,我想实现ColToggle这里是link https://www.primefaces.org/primereact/#/datatable/coltoggle. 由于我从 动态生成列JSON Server,因此我想动态生成此下拉列表以用于ColToggle实现,因为我从用户输入中获取 api url,以populate the dropdown

这就是我想要做的:

请参阅代码中的 Map 函数。JSON link: http://myjson.com/1620im.

这应该是我的输出:

我怎样才能做到这一点?

0 投票
1 回答
413 浏览

node.js - 来自 primefaces 安装问题的 Reactjs 下拉组件

我是 Reactjs 的新手,我想在我的应用程序中使用这种下拉菜单。有提到:-

npm i @bit/primefaces.primereact.dropdown 。当我这样做时,我收到以下错误:-

npm 错误!代码 E404 npm 错误!404 未找到 - 获取 https://registry.npmjs.org/@bit%2fprimefaces.primereact.dropdown - 未找到 npm ERR!404 npm 错误!404 '@bit/primefaces.primereact.dropdown@latest' 不在 npm 注册表中。npm 错误!404 你应该让作者发布它(或自己使用名称!)npm ERR!404 npm 错误!404 请注意,您也可以从 npm ERR 安装!404 tarball、文件夹、http url 或 git url。

我如何在我的应用程序中安装它和我们?

0 投票
1 回答
1013 浏览

node.js - 在 Windows 上运行 npm 命令时出错:graceful-fs

我有一个 ReactJS 项目,我正在尝试使用一些 PrimeReact 组件。在某些时候,我遇到了一个错误(不记得到底是哪一个),我试图在我的主目录的副本中运行旧版本的 NPM。

现在,即使我运行 npm 命令,我每次都会收到此错误。

我已经尝试删除我的 node_modules 文件夹,删除我的项目并将其从 GitHub 克隆回来,并多次重新安装 NodeJS。我不知道该怎么办!

我有 Windows 10,我正在使用 NodeJS v12.16.0。

感谢任何提供帮助的人

更新:我从未安装过 gulp。我想可能是某些依赖项正在使用它,但是因为我无法运行任何 npm 命令,所以我无法删除它们 D:

错误:

0 投票
1 回答
2859 浏览

reactjs - 如何使用 PrimeReact FileUpload 组件上传文件

我是 React/Spring 初学者,我不知道如何使用 Primereact 制作文件上传。他们的文档说如下(https://www.primefaces.org/primereact/#/fileupload):

FileUpload 需要一个 url 属性作为上传目标和一个名称来标识后端文件。

<FileUpload name="demo" url="./upload"></FileUpload>

但它既没有说我如何获取数据,我如何访问后端的“演示”,也没有说我得到什么样的响应。

任何人都可以帮助我吗?我已经在网上搜索过,但没有找到任何东西。

0 投票
2 回答
3064 浏览

reactjs - 为什么 webpack 不能导入 PrimeReact CSS 文件?

我想在我的应用程序上使用 PrimeReact DataTable。当我导入css文件时:

它抛出这个错误:

我已经像这样调整了 webpack.config.js:

类似问题的其他答案似乎已经过时,因为这样做会引发其他错误或相同的错误。

0 投票
1 回答
44 浏览

reactjs - TypeError:_this.props.addLead 不是反应中的函数

我遇到了 prime-react 的问题,我试图将它连接到我已经成功完成 b4 的 django api 并且它可以工作,但是使用 prime-react 相同的代码似乎不起作用。我不知道它是否正在运行 react dom 或者这只是一个错误。所以在我的控制台中收到了这个警告信息。将带有副作用的代码移至 componentDidMount,并在构造函数中设置初始状态。将 componentWillMount 重命名为 UNSAFE_componentWillMount 以在非严格模式下抑制此警告。在 React 17.x 中,只有 UNSAFE_ 名称可以使用。要将所有已弃用的生命周期重命名为新名称,您可以npx react-codemod rename-unsafe-lifecycles在项目源文件夹中运行。

// 这里是动作/线索文件

0 投票
1 回答
656 浏览

javascript - TypeError: _this.props.addLead 不是函数

我正在尝试将 Primereact 连接到我的 django 后端项目,使用 restframework 和 corsheader 来连接两者,但在尝试获取或传递数据时我不断收到此错误。

警告:失败的道具类型:道具addLead在 中标记为必填LeadsForm,但其值为undefined.Uncaught TypeError: _this.props.addLead is not a function LeadsForm.js:24

我的行动文件

潜在客户表格文件

store.js

0 投票
0 回答
420 浏览

reactjs - PrimeReact 3.4,DataTable,仅在受控模式下排序

我在“受控”模式下使用 Primereact 3.4 的 DataTable 组件:我提供数据、sortField、sortOrder 和 onSort,正如他们的示例代码所示:

我也在使用分页,因为这是一个非常大的数据块;我每页显示 50 条记录。

一切都按预期工作,除了当用户对列进行排序时,Datatable 会像在不受控制的模式下一样进行排序——对它在 DOM 中的 50 行进行排序——然后不久之后我的排序函数完成,为 DataTable 提供来自我的后端 API 的新排序数据。

如何告诉 DataTable使用我的排序功能,而不是尝试进行自己的不受控制的排序?

0 投票
2 回答
1861 浏览

javascript - 双击更改 React 表的行颜色

我在我的 React 应用程序中使用DataTable来自prime-react的组件来创建数据表。我想在双击时更改行的颜色。但是,当单击另一行时,前一个突出显示的行的颜色应更改回原始颜色。我浏览了文档,但 prime-react 似乎没有提供更改行颜色的 API。那么实现这一目标的最佳方法是什么?

我可以像这样更改行颜色,但我看不到更改所有其他行的颜色的有效方法。另外,使用 vanilla JavaScript 修改 DOM 不是一个好习惯吗?

CSS: