rendering 相关问题

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

我应该使用哪种浮点图像格式?

过去,我将 RGB 图像(从物理模拟生成)保存为 8 位/通道 PPM 或 PNG 或 JPEG。 现在我想保留模拟输出的动态范围,这意味着保存

回答 4 投票 0

在React中调用函数时如何不出现“to many renders”错误?

导出默认函数Weather({destiny}) { const [位置,设置位置] = useState('') const [dataExt, setDataExt] = useState({}) const url_ext = `https://api.openweathermap.org/data/2.5/foreca...

回答 1 投票 0

Svelte/Svelte Kit 的渲染问题

为了提供一些背景信息,我正在使用 Svelte/Svelte 套件和 Node js 和 psql 构建一个 Web 应用程序,这就像某个视频游戏玩家的市场。玩家可以来到网站,连接...

回答 1 投票 0

开发工具中渲染字体信息的“Nunito ExtraLight”而不是“Nunito”

有人可以解释一下为什么在这种情况下Chrome会渲染Nunito ExtraLight,而它在任何地方都没有定义吗? 源代码: @import url('https://fonts.googleapis.com/css2?family=Nunito&display=swa...

回答 1 投票 0

渲染后的 Nunito ExtraLight 安装了普通 Nunito

有人可以解释一下为什么在这种情况下Chrome会渲染Nunito ExtraLight,而它在任何地方都没有定义吗? 源代码: @import url('https://fonts.googleapis.com/css2?family=Nunito&display=swa...

回答 1 投票 0

如何用三角形绘制3D地形?

我有一个 3D 布尔数组,代表一些 3D 地形。目前我可以通过在数组中的 x y 和 z 指定的位置绘制一个点来绘制它,它看起来像这样。 我不能做什么

回答 2 投票 0

使用 forEach 渲染计数器(EJS 和 JS)

我必须使用 EJS 制作一个主页,其中包含产品卡,并在购物车按钮上附加了计数器。我目前正在研究计数器,它有两个按钮(减号和加号)和一个跨度,其中 n...

回答 1 投票 0

缺少 )

我的partials文件夹中有这个文件“productosofertas.ejs”,它包含在我的视图文件“ofertas.ejs”中。 这是 ofertas.ejs 代码: <%- include("partials/head&q...

回答 1 投票 0

使用 listItems 中的实际数据渲染 fileContent

在此渲染函数中,我从 SharePoint 中的列表中检索数据并渲染 fileContent,但属性并未从 listItems 中替换 这是我的渲染函数代码...

回答 2 投票 0

更改对话框时 Java gdxlib 闪烁

您好,我在 libGdx 中遇到了闪烁纹理的问题。我到处都找过了,但找不到解决方案。 当我使用表演(舞台)方法更改对话框时,纹理只会闪烁...

回答 2 投票 0

iPad 与 iPhone 上的 SwiftUI TabItem 格式?

我有一个 iPhone 应用程序,我已将其配置为也在 iPad 上运行。它在 iPhone 和 iPad 上都运行良好,除了 TabView“选项卡”项目以美学方式呈现之外

回答 1 投票 0

使用 listItems 中的实际数据渲染文件内容

在此渲染函数中,我从 SharePoint 中的列表中检索数据并渲染 fileContent,但属性并未从 listItems 中替换 这是我的渲染函数代码...

回答 2 投票 0

使用 @tool 在 Godot 4 编辑器中获取参数

我正在尝试使用@tool和@export将参数从编辑器传递到我的脚本。 我的代码运行正常,但我无法在编辑器中将布尔值设置为“开”或“关”。 @工具 延伸

回答 1 投票 0

React 中通过 JSON 进行条件渲染

希望有人能帮助我。现在,我正在从 PHP + MySQL 切换到 React + NextJS,因此我是一个完全的新手 - 所以如果我的问题的答案非常简单,请原谅我 XD。 我...

回答 1 投票 0

如何优化 React 中大量项目的渲染?

我有一个 React 组件,它使用 map 方法渲染大量项目(大约 1000 个)。每个项目都是一个复杂的组件,有自己的状态和属性,并且可以由用户更新。

回答 1 投票 0

映射数组 prop 后获取多个重复值,然后将映射的值作为 prop 传递给 React 中的另一个组件

我正在使用 React 和 Material ui,但我遇到了这个奇怪的错误。 我有一个父订单页面,然后将订单数组传递给订单组件,如下所示: 我正在使用 React 和 Material ui,但我遇到了这个奇怪的错误。 我有一个父订单页面,然后将订单数组传递给订单组件,如下所示: <PendingComponent {...{pendingOrders}} /> 然后在 PendingComponent 中我像这样映射订单数组: <Box m="1rem 0 0 0"> {pendingOrders?.map((order, index) => ( <Accordion key={index} 在这个手风琴内部,还有另一个组件,一个模态,我将订单作为道具传递给它,如下所示: {updateSatus && ( <UpdateOrderStatusModal {...{ order }} /> )} 现在,当我尝试访问 UpdateOrderStatusModal 组件中的订单值时,发生了奇怪的事情,我没有得到我应该期望的映射订单值的正确值。 像这样,在 PendingComponent 组件中,我当前仅映射 3 个订单,然后将订单传递给 UpdateOrderStatusModal 组件,而不是获取单个订单,而是在我控制台日志时依次打印它们,并且我无法获取我想要进入 UpdateOrderStatusModal 的实际订单: UpdateOrderStatusModal.jsx:27 The order in the modal {status: 'pending', userEmail: '[email protected]', dateCreated: 'Wed, August 16, 2023 at 6:14 PM', step: 0, orderProducts: {…}, …} UpdateOrderStatusModal.jsx:27 The order in the modal {status: 'pending', userEmail: '[email protected]', dateCreated: 'Wed, August 16, 2023 at 6:14 PM', step: 0, orderProducts: {…}, …} UpdateOrderStatusModal.jsx:27 The order in the modal {status: 'pending', userEmail: '[email protected]', dateCreated: 'Wed, August 16, 2023 at 5:15 PM', step: 0, orderProducts: {…}, …} UpdateOrderStatusModal.jsx:27 The order in the modal {status: 'pending', userEmail: '[email protected]', dateCreated: 'Wed, August 16, 2023 at 5:15 PM', step: 0, orderProducts: {…}, …} UpdateOrderStatusModal.jsx:27 The order in the modal {status: 'pending', userEmail: '[email protected]', dateCreated: 'Wed, August 16, 2023 at 5:08 PM', step: 0, orderProducts: {…}, …} UpdateOrderStatusModal.jsx:27 The order in the modal {status: 'pending', userEmail: '[email protected]', dateCreated: 'Wed, August 16, 2023 at 5:08 PM', step: 0, orderProducts: {…}, …} 我违反了哪些 React 规则?为什么我会出现这种行为? 谢谢你。 更新 - 详细的可重现代码 我在不同的项目中重新创建了相同的问题并遇到了相同的问题。这是该组件的代码。 将一些项目添加到收藏夹后,我为用户提供了一个收藏夹产品页面: <ul role="list" className="-my-6 divide-y divide-gray-200" > {products.map((product) => ( <li key={product.id} className="flex py-6"> <div onClick={() => { setOpenFavourites(false); navigate(`/product/${product.id}`); }} className="hover:cursor-pointer h-24 w-24 flex-shrink-0 overflow-hidden rounded-md border border-gray-200" > <img src={product.images[0]} alt={product.imageAlt} className="h-full w-full object-cover object-center" /> </div> <div className="ml-4 flex flex-1 flex-col"> <div> <div className="flex justify-between text-base font-medium text-gray-900"> <h3> <button onClick={() => { setOpenFavourites(false); navigate( `/product/${product.id}` ); }} > {product.name} </button> </h3> <p className="ml-4"> $ {product.price} </p> </div> <p className="mt-1 text-sm text-gray-500"> {product.availability} </p> </div> <div className="flex flex-1 items-end justify-between text-sm"> <p className="text-gray-500"> Min Order{" "} <span className="text-gray-800"> {product.minOrder} Tonne </span> </p> <div className="flex"> <button type="button" onClick={() => handleRemove(product.id) } className="font-medium text-primary hover:text-secondary" > Remove </button> </div> <div className="flex"> <button type="button" onClick={() => setOpen(true)} className="font-medium text-primary hover:text-secondary" > Open this Modal </button> </div> {open && (<TestModal product={product} />)} </div> </div> </li> ))} </ul> 在上面的代码中,如果底部有测试按钮“打开此模态”及其下方的测试模态,则将映射的产品作为道具传递给它。 现在这是 TestModal 代码: import React from 'react' const TestModal = ({product}) => { console.log("test modal mounted", product.name) const investigate = () => { console.log("investigate clicked", product.name, product.id) } return ( <> <div className="justify-center items-center flex overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none"> <div className="relative w-auto my-6 mx-auto max-w-3xl"> <div className="border-0 rounded-lg shadow-lg relative flex flex-col w-full bg-white outline-none focus:outline-none"> <div className=" items-center justify-end p-6 border-t border-solid border-slate-200 rounded-b" > <button className="text-red-500 background-transparent font-bold uppercase px-6 py-2 text-sm outline-none focus:outline-none mr-1 mb-1 ease-linear transition-all duration-150" type="button" onClick={investigate} > Investigate </button> </div> </div> </div> </div> <div className="opacity-25 fixed inset-0 z-40 bg-black"></div> </> ) } export default TestModal 现在在此模式上,假设我在 Potatoes 产品上单击了“打开此模式”,在测试模式中,当我单击“调查”按钮时,我希望将 Potato 产品信息控制台登录到该调查功能中,但这并没有发生,我打印了不同的产品信息,例如草莓,如果我将草莓作为我最喜欢的产品之一,喜欢它总是选择位于映射数组底部的产品,而不是那个我真的点击了。 我还注意到,当我使用模态(显示在其他组件之上的模态组件)时,会发生这种行为,当我使用没有某种 z 索引属性的组件时,它不会执行这种奇怪的行为。 我该如何解决这个问题? 我没有发现您的代码有任何问题(特别是因为信息有限......)。不过,按照你说的—— ...当我控制台日志时,它们都被一个接一个地打印出来 假设您在开发环境中使用严格模式,这是完全正常的。在初始渲染期间重新渲染两次应该可以帮助您更快地找到错误,而 React 只在开发模式下这样做。 违反此规则的组件会出现不可预测的行为并导致错误。为了帮助您意外发现不纯的代码,严格模式会在开发过程中调用您的一些函数(仅那些应该是纯的函数)两次。 https://react.dev/reference/react/StrictMode

回答 1 投票 0

3D 建模程序的起点

我需要有关 python 3D 建模程序的帮助。我知道这是一项艰巨的任务,但我只想知道从哪里开始,以及我可能遇到的任何障碍,我需要知道......

回答 2 投票 0

镶嵌是不可预测的吗?

我正在 Vulkan 中开发 3D 渲染器/游戏引擎。我目前正在考虑使用 GPU 曲面细分来使用高度图进行地形渲染(并且对如何使用曲面细分感兴趣...

回答 1 投票 0

当选项卡未处于活动状态时,Fusioncharts 图表不会呈现 - Angular

编辑: 现在,我通过为图形组件添加 *ngIf 条件来正确获取数据。但是,图表被渲染,没有得到任何填充颜色。获取的填充URL是 填充=“网址('http://

回答 2 投票 0

模型空间和齐次裁剪空间

我正在读《实时渲染》这本书,第三章说:“顶点着色器程序将顶点从模型空间变换到齐次剪辑空间”。齐次剪辑是什么意思

回答 2 投票 0

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