问题标签 [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.
javascript - 修改一个 PrimeReact 模块
我正在尝试使用 primereact 的“自动完成”模块，但是它缺少我想添加的一些小东西。但是，如果我在 node_modules 中进行修改，只要我更新包，它就会恢复为原始状态。有什么方法可以进行修改并使其保持不变？或者我可以将包从我的 node_modules 复制到我的项目中，所以它就像我自己的组件一样？我宁愿不喜欢这个，因为我无法获得更新，但它仍然是最后的手段。谢谢
reactjs - PrimeReact 数据表 - 如何在单元格上显示工具提示或标题？
我正在使用主要反应数据表显示数据表，当鼠标悬停在单元格上时，我想显示工具提示或标题，如下图所示。
我浏览了 Column 组件，但没有找到任何相关的关键字来在单元格上显示工具提示或标题，该单元格用于显示数据表中的列。
代码：
来源：https ://primefaces.org/primereact/showcase/#/datatable/edit
您的回答将不胜感激！
reactjs - React 事件处理程序未按预期分配模式，评估为 null
我有一个看起来像这样的页面：
单击行的编辑按钮时，组件应该将所选实体设置为该行并将其自身置于“编辑”模式。
但是，当在右上角显示一个框时（此处称为 toast 的组件），模式null在第一次单击时被评估为：
这是代码：
问题：
这里有什么问题？
根据这个
方法回调应该没有任何问题，也就是事件处理程序，更新模式
this.state.mode总是null在第一次点击。在随后的点击中，无论哪一行，都会显示正确的模式。
为什么？
我该如何解决？
顺便说一句：this.state.selectedEntity使用吐司也行null。
我很难理解这一点。-> 自学者
reactjs - InputText 组件导致 TypeError: e.target is null when typing into text box (PrimeReact library, using arrow function)
我正在使用 PrimeReact，并且我有一个人员数据表：
选择任何行时，会显示一个子面板，其中包含下拉菜单、复选框和文本输入：
文字输入代码：
我将名字的状态保存在一个名为selectedEntity. 这就是通话中唯一的非直截了当的构造setState。但是，一旦我键入，这就会在浏览器中出现错误：
问题：
怎么了？
这是 PrimeReact 中的错误吗？
我正在使用 PrimeReact 5.0.0-rc2。
编辑1：
顺便说一句，您在那里看到的下拉菜单和复选框，它们似乎与箭头功能一起使用。类似代码：
落下：
复选框：
编辑2：
我在这里创建了一个测试用例：
https://codesandbox.io/s/primereact-test-forked-4blln?file=/src/index.js
对我来说似乎是一个错误......
reactjs - 在回调时触发 PrimeReact Autocomplete 中的 completeMethod
我正在使用 primereact 的自动完成组件。挑战在于我不想将选项数组设置为组件加载时的状态；但是当用户输入前 3 个字母时，我会触发 api 调用，然后将响应设置为选项数组（这是因为否则数组可能很大，我不想膨胀状态内存）。
现在的问题是当我输入 3 个字母时会触发呼叫，但仅当我输入第 4 个字母时才会列出选项。没关系，事实上我尝试更改代码以在我输入 2 个字母时触发呼叫；但是只有当我在 api 调用完成后键入第 3 个字母时，才会按预期工作，即，我键入 2 个字母，等待调用完成，然后键入第 3 个字母。
How do I make the options to be displayed when the options array has changed?
我尝试在回调中设置filteredOrigins
但它显然似乎不起作用。
reactjs - 如何覆盖prime-react组件CSS样式？
我正在使用 prime-react 来设置我的 React 页面的样式。但我想要一个更紧凑的网站，只有很少的填充和最少的样式。为此，我想为 Prime-react 组件覆盖一些 CSS 属性。
例如，我正在尝试减少 MenuBar 的填充 -
主页.js
上面的代码对原始样式没有影响。我正在尝试使用这个组件。
但是，特别是使用这些样式组件，我不喜欢它。我是新手，想知道是否有更好的选择，例如将 CSS 属性存储在另一个文件中，然后将其导入所需的文件中。我尝试了这部分，但也没有成功。
reactjs - ReactJS进度条使用状态动态更新？
我正在使用 PrimeReact 进度条，并希望在页面加载时动态更新它。我的代码如下 -
出于某种原因，当我加载页面时，进度条不会连续增加 100，它来回移动，我不太确定为什么会发生这种情况。所以它会达到 8% 或 10%，然后下降到 6，等等。我认为问题是每次设置新状态时，它都不会添加到先前设置的状态之上。任何帮助，将不胜感激。
更新：我也尝试将 setInterval 放在一个单独的函数中并调用它，但这也做同样的事情 -
css - 插入一个 html 表单 sass/css 中不存在的 div
我正在开发一个 React 组件，其中有一个 DatePicker（来自 PrimeReact 的日历组件）。
我想在弹出的日期选择器顶部添加一个箭头。如下图所示
以下是我表单中的一个片段：
下面是组件渲染时 HTML dom 的跨度截图
问题是因为我使用的是 Calender 组件，所以我在 Calender 的 DOM 中添加了 HTML 元素。
基本上，我想在顶部放置一个 div（高度和宽度为 0，底部边框较厚以实现箭头）.p-datepicker
那么是否可以在不包含在 HTML 文档中的情况下从 css 添加 HTML 元素（一个 div）？还是有其他方法可以实现这一目标？
回复 anon 的回答：
我无法添加<div className='arrow'>，因为我无法将其注入到日历组件中。
我将以下代码添加到 scss 文件中：
现在日期选择器看起来像这样。
我尝试position: absolute在内部添加，pseudo element但它不起作用，因为我认为datepicker它本身被定位为绝对。
知道什么可以解决这个问题吗？
javascript - 如何使用 map 函数遍历 reactjs 中的对象列表？
我正在尝试遍历 reactjs 中的一组对象，但面临问题。该数组基本上由对象组成，其中每个对象都是表中的一行。
例子 -
我正在尝试使用以下语法遍历值 -
但这给了我多次连接的所需表。我知道循环存在一些问题，但没有准确找到困难所在。
python中的类似情况看起来像 -