javascript相关内容

在Reaction中将数据加载到子组件时出现问题

我正在构建一个图库,您在其中单击图像,它将使用道具加载到一个单独的组件中,该图像是一个URL,取自硬编码的数组,其中src通过css作为背景图像加载。我面临的挑战是将数据连接到该组件。我试着用回调将数据从父母连接到孩子,但没有成功。我想我想做的是横向连接组件,我不想使用REDUX,因为我不熟悉。 注意:我知道您可以使用window.location.href = "props.src/"将图 ..
发布时间:2022-08-24 14:44:02 前端开发

如何在数组的.map中调用函数?

我正在通过道具传递一个函数,该函数用大写字母表示要映射的一些项。我在item.creator的项部分收到一个错误。我只是想知道为什么我会收到这个错误,而不能直接调用映射内部的函数。感谢您的帮助。 错误消息为行分析错误:意外标记,应为“,”。 父组件 export default function MainContent() { const techContent = useS ..
发布时间:2022-08-24 14:28:26 前端开发

反应道具即使在我不使用道具的情况下也在更新

我使用创建-反应-应用程序模板创建了一个项目。我正在尝试从JSON文件导入数据并将其作为道具发送到TODOS组件文件,但我没有将其用作TODOS文件中的道具,但当我使用应用程序组件中的添加按钮更新文件时,它会更新TODO列表。我不明白它为什么要这么做。如果有人能解释一下发生了什么事,那将是一个很大的帮助。 这是app.js文件 import { Component } from 're ..
发布时间:2022-08-24 13:51:46 前端开发

使用REACT-MODAL(REACT Js)传递道具(Img Url)

我需要将图像URL传递给REACTIVE js中的MODEL。与类似,在单击";imgae附件中的项目时,它会显示带有所选项目图像的模式。但是它不能通过传递img={item.Document}来显示我的图像数据,下面是我的代码: DepositRecord.js import React, { Component } from "react"; import { Table ..
发布时间:2022-08-24 12:53:35 前端开发

类型错误:无法读取属性';数据';未定义-无法访问对象&属性&超出Reactjs中的特定级别。

我正在使用UseEffect在React中通过axios进行API调用。 我们使用useState 将响应设置为名为data的变量 const [data, setData] = useState({}); setData(response); 响应来自NASA API,我们只收到此调用返回的一个对象(粘贴如下)。 因为我将响应命名为“data”,并且它也有一个“data”键, ..
发布时间:2022-08-24 12:26:52 前端开发

ReactJS:在模糊时保存输入值,而不是在每个击键时保存输入值

我已经创建了一个反应视图,比如MyView,它有两个文本输入,它们的初始值将由Parent Read从数据库中传递。 我还希望将更改的值保存回数据库。因此,还会为该视图传递一个相同的回调函数。 考虑到数据库保存操作很繁重,不应频繁执行。因此,我决定监听onBlur事件,而不是输入框上的onChange事件,因为在每次击键时都会调用onChange。 第一种方法: class ..

在TypeScrip Reaction应用程序中指定特定道具并接受常规的HTML道具

我有一个Reaction包装器组件,它接受一些道具,但将所有其他道具转发给子组件(特别是与本机道具相关的,如类名称、id等)。 然而,当我经过本地道具时, TypeScrip抱怨道。请参阅错误消息: TS2339:类型上不存在属性“”ClassName“” ‘IntrinsicAttributes&;IntrinsicClassAttributes<;包装器>&;只读&l ..
发布时间:2022-08-24 11:30:32 前端开发

未捕获类型错误:t未定义(p5.min.js:4604:988)

我正在尝试获取用户输入并使用它来生成一些东西。当我像这样硬编码生成器的输入时,它可以工作: function setup() { createCanvas(1280, 512); generator = new Room_map(5, 10, 15); generator.draw(); } 但是,当我尝试接受用户输入并在用户单击“生成”按钮时生成时,显示 ..
发布时间:2022-08-24 09:46:25 前端开发

(p5js/javascript)尝试将2个对象传入函数时出错:未捕获类型错误:对象未定义

我正在尝试将两个对象传递到一个函数中,以查看它们是否会发生冲突,如果会,则销毁它们。在我添加碰撞功能之前,它是工作的。首先尝试通过从对象调用属性,然后使用访问器再次尝试,但我找不到它有什么问题。在带有错误的行下方指示!都会感激你的帮助。谢谢。 编辑:包含我的完整代码,对象中有一些未使用的变量,这就是我一开始没有包含它的原因 编辑2:尝试在代码前添加复选标记if (typeof this ..
发布时间:2022-08-24 09:17:04 前端开发

如何在p5.js中识别弧线内的光标?

我正在制作一个饼图,希望当光标移动到我的分段上时突出显示,然后在用户单击分段时展开。我看过许多关于如何让圆形或正方形识别光标位于其空间内的教程,但对于可以根据值输入改变大小的圆弧,我没有什么能理解的。 以下是我设置图表的方式: 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“假”> chartX = 250; chartY = 250; chartW = ..
发布时间:2022-08-24 09:05:07 前端开发

P5矢量减法';SUB';返回错误

我一直在尝试将P5素描上传到Reaction Build上。使用REACT-P5-WRAPPER,我能够在屏幕上成功呈现画布,但是,一些向量函数导致错误。 var distance = this.position.dist(ball.position) var minDistance = this.radius + ball.radius if ..
发布时间:2022-08-24 09:00:29 前端开发

One热中出错:深度必须为>;=2,但它是1

所以我在js中使用ml5在一个简单的NeuralNetwork上工作,它将使用P5 js库通过图像进行训练,将图像放入一个数组中,然后通过ml5训练它们,但我遇到了一个主要问题,我花了几个小时寻找这个错误的答案,但在任何地方都找不到它。 使用库p5、p5、sketch、ml5 JS档案 let RustImage = []; function preload() { for ..
发布时间:2022-08-23 23:56:20 前端开发

如何添加重新播放按钮(&Q;)

代码链接以供参考:https://editor.p5js.org/tpant963/sketches/wQy1zfKBW 您好!因此,我使用p5.js制作了一个Java OOP概念复习游戏,在游戏中,屏幕上会出现一个问题,周围漂浮着气泡,上面有单词关联。如果当你点击气泡时它变成了绿色,这意味着你已经点击了正确的答案/联想。如果它变成红色,则表示您点击了错误的按钮。 我想设置我的游戏,以 ..
发布时间:2022-08-23 23:44:11 前端开发

P5.js旋转时被2D背景覆盖的WebGL 3D图形

我想用P5显示两个东西,一个是2D背景,另一个是3D WebGL前景,两者都是由P5生成的。我注意到的是,即使我在draw()函数中绘制2D背景之前绘制3D内容,当rotateX()或rotateY()被调用时,3D内容仍然会被背景部分覆盖。它看起来像这样: 我怀疑发生的情况是2D和3D都在同一个Z平面上,因此当前景旋转时,其中一些会被背景覆盖,与覆盖的部分相比,背景现在位于前面。 所 ..
发布时间:2022-08-23 23:21:23 前端开发

P5.js上每个点都有经典箭头的静态向量场

目标是使用p5.js在2D或3D网格上的每个点上显示一个带有箭头的矢量场(即尖端带有人字形的线段)。原因是我看到了很多创造性的艺术使用它,而流场(?)看起来很酷,那么为什么不用它们来描述有或没有运动的物理矢量场。 我对p5.js一无所知,但快速的在线搜索显示,我可以生成从左上角开始的位置向量,以及将原点连接到其终点或从一个位置向量到另一个位置向量的线(段): function setu ..
发布时间:2022-08-23 23:13:10 前端开发

我该如何编写一个程序,让它以一个角度为基础,在球体周围的点上旋转,就像绕着它走一样?

我正在做一个项目,我需要(作为2D点)绕着3D球体漫步。我很难弄清楚如何在不扭曲极地的情况下实现这一点。基本上我想要向前,向后,向左,向右,以及左转,右转。我一直试图让它在球面坐标下工作,但我的函数似乎不正确。我能做些什么才能让它正常工作呢?(我使用的是p5.js库,使用的是JavaScript) 目前,我正在尝试将x和y变量分别映射到球面空间的phi和theta。然而,它似乎不起作用,我不确定 ..