reactjs相关内容

吊销密钥罩访问令牌

我使用Keyloak来保护我的reaction前端和node.js后端。这些客户端使用基于角色的授权进行保护。 我的前端应用程序在Keyshaak中注册为公共客户端,后端注册为仅承载客户端。当用户登录到前端时,我将获取该特定用户的访问令牌,并使用该访问令牌来调用后端API层。 当用户从前端注销时,我将使用Keyshaak对象注销方法从Keyloak中清除该特定用户的前端客户端会话。现在工作 ..

Reaction中的延迟加载和列表虚拟化有什么不同?

最近,对于一个正在工作的项目,我最近为同时呈现的多个列表组件实现了延迟加载,这导致了性能问题。然而,今天我在Reaction Docs上发现了一个名为List Virtualization的东西。 我当前使用的包: https://www.npmjs.com/package/react-lazyload 官方文档推荐的列表虚拟化包之一:https://github.com/bvaugh ..
发布时间:2022-07-02 21:22:15 其他开发

D3 v5轴比例改变平移方式太多

我有一个以时间为X轴的简单图表。预期的行为是在图表中拖动时,X轴将仅平移以显示数据的其他部分。 为方便起见,由于我的X轴位于Reaction组件中,因此创建我的图表的函数将X标度、x轴及其附加的元素分别设置为this.xScale、this.xAxis和this.gX。 如果我将其设置为我的Zoom方法的内容,则一切正常: this.gX.call(this.xA ..
发布时间:2022-07-01 18:11:18 前端开发

如何通过在Reaction中单击按钮打开Bootstrap modal

我对Reaction和Bootstrap非常陌生。我正在尝试实现一个点击按钮的模式对话框。我的模式当前未显示-您可以在第二段代码中看到我如何尝试使用布尔show变量包括该模式。 我见过各种帮助完成此操作的库,但我想先尝试了解如何在没有这些库的情况下工作。 我不确定为什么未显示此模式。 const ModalContent = () => { return ( ..
发布时间:2022-06-28 19:58:42 其他开发

使用Reaction-Modal||TypeError传递道具(Img Url):无法读取未定义的属性(正在读取&;#39;映射&;#39;)

当我尝试运行此代码时,出现以下错误: TypeError:无法读取未定义的属性(读取‘map’) 此代码应返回图像模式,但抛出错误。我不明白为什么在映射函数中会出现此错误。 在API调用之前,我的deps数组是空的,所以使用dess.map会导致错误吗?还是Cookie问题? DepositRecord.js import React, { useEffect, us ..
发布时间:2022-06-28 19:45:22 前端开发

如何模拟Reaction测试中的状态和数据的值

我正在为我的Reaction页面编写测试,但我的页面在其状态下使用isLoding,当加载页面时呈现“正在加载”,当加载但没有数据(来自FETCH请求)时呈现“找不到数据”,而当加载数据(来自FETCH请求)时加载欢迎页面。 我想编写一个测试,用于检查在下列情况下是否显示预期文本: 页面已加载,但未找到数据 页面已加载并包含数据 我认为我已经控制了没有数据测试可以正常工作,但是 ..
发布时间:2022-06-27 21:43:55 其他开发

本机反应:加载图像后应用程序性能不佳

加载图像似乎没有问题。但在加载后出现问题。 在我的应用程序中,我在整个游戏中一个接一个地加载卡片图像。一旦我加载了40张卡片图像,整个应用程序就变得很慢。它总是发生在第40个图像上,当我在第40个图像之后继续加载更多的卡片图像时,在每个图像加载后变得更慢。 实用细节: 与世博会进行本机反应 需要将本地文件夹中的图像放入数组并导入该数组。 单个镜像大小在15KB-120KB之间 ..
发布时间:2022-06-26 10:20:10 其他开发

Reaction+PHP API引发CORS印前检查错误

我正在尝试从运行于localhost:3000的Reaction应用程序调用运行于localhost:8000的PHP API。经过多次尝试,我仍然收到CORS印前检查未成功&错误。 从Reaction应用程序发送: 从DevTool发送: 我的接口有以下头部: if (@$_SERVER['HTTP_ORIGIN']) { header("Origin: http://l ..
发布时间:2022-06-25 20:24:26 PHP

对失败的生成获取请求做出反应

当我在dev环境(npm start)中测试时,我的应用程序获取请求工作得很好,但在创建构建包(npm run build)并运行该包之后,当向我本地托管的API发出请求时,我所有的获取请求都收到失败状态。会不会是因为我的接口不是https?还有其他想法吗? 谢谢 推荐答案 仔细检查您的.env文件是否有REACT_APP_API_URL: .env(应为本地主机) .e ..
发布时间:2022-06-25 20:20:30 其他开发

为什么Reaction会让我的SVG形状颜色看起来很奇怪?

我正在使用一些斑点SVG形状在Reaction中制作登录屏幕,我注意到颜色不正确,我直接从Figma导出它们,将它们放在文件夹中,然后将它们导入Reaction中。我以为这是因为Chrome呈现SVG文件的方式,但当我打开一个Chrome选项卡时,它看起来应该是这样的。 左侧是Reaction如何显示它,右侧是Chrome如何显示它 svg 可能是因为推荐答案样式类。当您导出SVG文 ..
发布时间:2022-06-25 16:28:09 其他开发

如何在渲染后根据另一个状态使用setState更新状态?

呈现JSX后,我正在尝试基于其他状态更新状态。 某些状态已更新,但有些状态未更新。 请考虑选中‘ComponentDidmount()’。我不知道发生了什么事! 为什么没有相应地更新它们? 我糊涂了! import React, { Component } from "react"; export class MathQuiz extends Component { con ..
发布时间:2022-06-25 15:45:15 前端开发

反应-只切换一个按钮,而不是所有按钮

我有从API呈现城市的应用程序,在每个城市下面应该有一个按钮来显示这个城市的描述。现在,当我单击一个按钮时,所有按钮都会更改文本并显示描述组件。 我看到了几个类似的问题,我知道,我可能应该使用索引来判断哪个按钮应该在单击时起作用,但是我在将其应用于我的代码时遇到了问题。 class CitiesList extends React.Component { constructor ..
发布时间:2022-06-24 13:06:59 前端开发

NextJS组件级别SASS样式

我正在开发一个简单的NextJS应用程序,但我在使用SASS/SCSS进行组件级样式设计时遇到了问题。当用户第一次登陆页面时,一切看起来都很好,但当用户导航到一个页面/about或从/about导航到/时,组件样式没有呈现,用户需要刷新页面才能看到样式🤔 ⚙️设置 ./package.json "dependencies": { "@zeit/next-css": "1.0 ..
发布时间:2022-06-23 20:11:22 其他开发