rendering 相关问题

渲染是指用于显示或打印的计算机程序格式化数据。

用地图反应渲染问题

让pendingdatafilterd = data.map((itm, i) => { const [status, setStatus] = useState(itm.status); if (状态 == '待处理') { 返回 ( {itm.id}<... 让pendingdatafilterd = data.map((itm, i) => { const [status, setStatus] = useState(itm.status); if (status == 'pending') { return ( <div key={i} > <div>{itm.id}</div> <div>{status}</div> <button onClick={() => { setStatus('finished'); itm.status = 'finished'; setfinishedData(finishedData => [...finishedData, itm]); }} >finish</button> </div> ) } console.log('rendered') }) 这是我代码的一部分,问题是每次我单击按钮时组件渲染数量都会增加 我认为问题在于您在 useState() 函数中使用 map() 钩子,而没有为 pendingdatafilterd 数组中的每个项目提供唯一的键。 Key 用于标识列表中的每个元素,并确定是否需要重新渲染或是否应更新现有元素。 如果数据数组中的每个项目都是唯一的,则可以使用 itm.id 作为键: let pendingdatafilterd = data.map((itm, i) => { const [status, setStatus] = useState(itm.status); if (status === 'pending') { return ( <div key={itm.id}> <div>{itm.id}</div> <div>{status}</div> <button onClick={() => { setStatus('finished'); itm.status = 'finished'; setfinishedData(finishedData => [...finishedData, itm]); }} > finish </button> </div> ); } console.log('rendered'); });

回答 1 投票 0

如何让脚本标签在react中一直渲染

我已经给了 来自一家在线预订餐厅的软件公司的标签。 通常你只需将 script 标签粘贴到 WordPress 文章中即可。但现在我用 vite-React 构建我的网站...

回答 1 投票 0

使用jspdf导出PDF不渲染CSS

我正在使用 jspdf.debug.js 从网站导出不同的数据,但存在一些问题,我无法让它在导出的 PDF 中渲染 CSS,如果我的页面中有图像出口...

回答 7 投票 0

OpenGL渲染到Framebuffer,传输到OpenCV Umat进行OpenCL加速处理

在旧版本的 OpenCV 中,我可以使用 OpenGL 渲染到后备缓冲区,使用 glreadpixels 将像素“复制”到 OpenCV 图像(iplimage?)进行一些处理(模糊、与

回答 2 投票 0

尽管我认为我的代码是正确的,但主页未在应用程序中呈现。能指出错误的人对我很有帮助

我正在尝试使用 React Router 渲染主页,但它不起作用。我已经被这个问题困住两天了。我们将非常感谢您的支持。我尝试了很多次来解决这个问题...

回答 1 投票 0

我可以用深度/模板缓冲区解决这个 OpenGL 问题吗

我正在尝试将网格的点和边缘渲染为黑线和点,类似于搅拌机等建模引擎。我有 3 个独立的绘制例程来绘制点、线和面(每个例程...

回答 1 投票 0

在 C# .NET 桌面应用程序中渲染和显示数学方程和公式

我的目标是在 C# 桌面应用程序中渲染和显示数学方程(以 LaTeX 格式编写的源代码)。 有哪些可用的模板、库、包或方法

回答 1 投票 0

使用顶点属性缓冲区或实例数据的统一缓冲区进行实例化渲染

我已经看到使用顶点属性缓冲区的实例化渲染。因此,除了“位置”和“正常”等常用数据之外,实例数据还有一个额外的“属性”: 在 vec3 位置...

回答 1 投票 0

如果我通过 Children 属性将服务器组件传递给客户端组件,它会在客户端上渲染吗?

在 NextJS 文档中,它表示导入到客户端组件中的所有子组件和模块都被视为客户端包的一部分。然而,文档还说你可以交错...

回答 1 投票 0

在 NextJS 13 中使用 React context API 是否会强制整个应用程序在客户端上渲染?

在 NextJS 13 中,我知道那些与 React context API 一起使用的提供程序只能在客户端组件中呈现。我还知道客户端组件中的组件(子组件

回答 1 投票 0

ReactJs 双渲染

当我尝试刷新页面时,它会打印“1”两次。 但我认为我没有使用任何 useState 或变量更新或状态更改。 你能告诉我我错在哪里吗? 导入“./styles.css”;

回答 1 投票 0

Flutter:了解 Widget、Element 和渲染树

我一直在尝试了解 Flutter 以及渲染的幕后工作原理。我看过一个关于“颤振如何渲染小部件?”的视频Flutter 渲染如何工作?我知道...

回答 1 投票 0

安卓。添加库 com.chiralcode.colorpicker.ColorPicker 作为依赖项

嗨,我在使用 chiralcode.colorpicker 时遇到了一些非常愚蠢的问题 我不知道如何将库添加到我的依赖项中。这里没有信息如何添加它。我无法使用“选择

回答 1 投票 0

为什么 res.render 在发布请求后不起作用?

我已经尝试解决这个问题有一段时间了。问题实际上是当我通过 fetch api 发送一个 post 请求,然后用节点 js 文件中的 post 请求捕获它时,它通常应该 ren...

回答 1 投票 0

Blender Eevee 渲染无法正常工作

所以我是 Blender (v 2.91) 的新手,我正在尝试这些渲染选项,即 Eevee 和 Cycle。 Cycle(仅限 CPU)选项对我来说效果很好,但在 Eevee 选项中,立方体/对象显示为黑色或

回答 2 投票 0

渲染时 Flutter SVG 延迟

我在行中显示 SVG 文件形式的图像和文本。 由于某些原因,svg 图像的渲染速度比屏幕的其余部分慢,从而导致延迟,这不利于用户体验。 是...

回答 2 投票 0

如何在Unity 3D URP中防止墙饰板接缝?

请看一下图片。我有两个平面接触,我想避免 URP 中出现接缝。 缓解此问题的最佳实践是什么? 我尝试过在 URP 设置中更改 A-Aliasing,然后...

回答 1 投票 0

pygal渲染png/svg黑色图片

我正在使用python(在LinuxMint中使用虚拟环境),我安装了pygal。 一切正常(渲染为 html),但无法渲染为 svg 或 png 。 结果:只有黑色背景。 我

回答 4 投票 0

WPF 文本呈现不一致

WPF 4.0 臭名昭著地修复了

回答 2 投票 0

在 OpenGL 中渲染三角形网格时出现问题

我正在尝试使用标准 VBO/VAO/EBO 技术在 OpenGL 和 C++ 中渲染由三角形组成的方形网格,但由于某种原因,这些东西无法正确渲染。 我首先生成垂直...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.