reactjs 相关问题

React是一个用于构建用户界面的JavaScript库。它使用声明范式,旨在既高效又灵活。

测试 Google One Tap - 已关闭,现在收到“被用户抑制”消息

我正在将 Google One Tap api 添加到 React 应用程序中。我正确地显示了一键登录模式。但是,我单击关闭了模式,现在收到以下响应,

回答 3 投票 0

NextJS Dashboard 应用程序用户 API 身份验证

我正在尝试完成本教程,但是,我不想通过 PostgreSQL 请求获取数据,而是想使用 API。 我用await调用异步函数,但是,它首先返回给我一个undef...

回答 1 投票 0

无法在我的 Typescript React Native 应用程序中成功将 Mailgun 与“从 Firestore 触发电子邮件”集成,导致超时

我正在创建一个 Typescript React Native 应用程序(带有 Expo),并尝试构建一个“邀请用户功能”,您可以在其中输入昵称和电子邮件,然后该用户将收到一封邀请电子邮件...

回答 1 投票 0

远程错误:模块“remotion”没有导出成员“OffthreadVideo”

我正在为我的视频编辑器使用远程,现在我面临新问题模块“远程”没有导出成员“OffthreadVideo”。,早些时候它工作正常。 导入 { 绝对填充,

回答 1 投票 0

在新选项卡中显示base64编码数据

我从服务器获取base64编码数据,我需要在单击时在新选项卡中显示该pdf文件的预览。文件可以是 pdf 格式,大小为 6 MB。在打开的 URL 中,它被翻转。 我从服务器获取 Base64 编码数据,我需要在单击时在新选项卡中显示该 pdf 文件的预览。文件可以是 pdf 格式,大小为 6 MB。在打开的 URL 中,它被翻转。 <a href="data:image/png;base64,..." target="_blank">preview</a> 如何在新选项卡中显示base64编码数据? 我发现这个在新选项卡Rails中显示base64编码数据还不清楚。 我正在使用reactjs和javascript const signatures = { JVBERi0: "application/pdf", R0lGODdh: "image/gif", R0lGODlh: "image/gif", iVBORw0KGgo: "image/png", "/9j/": "image/jpg" }; const detectMimeType= (b64) => { for (var s in signatures) { if (b64.indexOf(s) === 0) { return signatures[s]; } } return null; } const showPreview = (e,base64_data) => { e.preventDefault(); const mime_type = detectMimeType(base64_data); let data = "data:"+mime_type+";base64," + base64_data; var w = window.open(""); w.document.write(data); } 我没有收到任何错误 showPreview 它将数据 uri 打印到页面。 数据 URI 在浏览器中具有长度限制(我不记得了),因此您可以采取的措施来克服此问题是将数据 URI 转换为这样的 blob-URL... function DataUri2Blob(dataURI){ var B=atob(dataURI.split(',')[1]), L=B.length, A=[]; var Mime=dataURI.split(',')[0].split(':')[1].split(';')[0]; for(let i=0; i<L; i++){A.push(B.charCodeAt(i));} return new Blob([new Uint8Array(A)],{type:Mime});} 使用... var dataURI='data:image/png;base64,.....'; let Blob=DataUri2Blob(dataURI); let Url=URL.createObjectURL(Blob); 然后在新窗口/选项卡中启动 Url 变量。 两秒后... URL.revokeObjectURL(Url);

回答 1 投票 0

意外的应用程序错误!无法读取未定义的属性(读取“包含”)

我一直在关注 Lama Dev 的本教程,并且遇到了错误消息 Cannot readproperties of undefined (reading 'includes') by write the certain code (source code here) as Lama Dev'...

回答 1 投票 0

如何使用 JavaScript 上的 Google Calendar API 添加与会者

我正在尝试使用 API 将与会者添加到 Google 日历中的活动。 使用以下接近更新功能的方法不会完成该工作,而是会删除所有旧的与会者。 他...

回答 2 投票 0

我应该将此函数包装在 useCallback 中吗?

我对 useCallback 的工作原理有相当不错的理解。不过,对于我和我的同事来说,弄清楚何时使用它似乎是主观的。我很好奇其他人的想法...

回答 4 投票 0

React Context 和 JavaScript Promises 的意外行为

我正在开发一个 React 应用程序,我使用 React 的 Context API 来管理全局状态。我有一个上下文提供程序,它使用 JavaScript 的本机获取函数从 API 获取数据,

回答 2 投票 0

如何使用Next-auth同时存储多个会话

我正在开发一个类似于 Zappier 的集成工具。我想使用 Next-auth 连接到一个或多个应用程序并保存其访问令牌。但是,Next-auth 只允许一次会话

回答 1 投票 0

我们如何在 React 中加载 WebVtt 文件?

这是我的数据结构 网络VTT 00:00:15.000 --> 00:00:17.951 在左边我们可以看到... 00:00:18.166 --> 00:00:20.083 在右边我们可以看到... 00:00:20.119 --> 00:00:21.962 ...头部-

回答 0 投票 0

NextJS 中间件匹配器

我有一个 NextJS 中间件,我需要检查类别是否存在。如果没有,请转到 404 页面。 目录看起来像这样 页数/ ├──[类别代码].jsx └── ...(其他页) 中间件.jsx

回答 1 投票 0

如何使用redux-toolkit中的axios从api获取数据

我是 redux 和 redux-toolkit 的新手。我正在尝试从 api 获取数据。 我收到错误并且无法从 api 接收数据。我正在使用 redux-toolkit 库。 这是我的 App.js: 函数应用程序(){ 常量

回答 2 投票 0

是否可以在react-oidc-context节点模块中实现AuthState TypeScript接口用于Next.js测试目的?

我们有一个使用react-oidc-context Node模块的Next.js应用程序,因为我们使用ADFS进行身份验证。 目前,我正在尝试使用 Vitest 编写单元测试,但收到此错误: 输入...

回答 1 投票 0

在React js中多次禁用错误按钮

我正在尝试根据单击时的验证错误禁用按钮。如果表单输入字段有任何更改,则应启用该按钮,直到这里对我有用。但是当我点击下一步时如果我得到e...

回答 1 投票 0

如何在 iframe 中使用 Material UI (mui) 5.0?

我正在尝试使用 React Portal 在 iframe 内渲染 MUI 组件。尽管它们是在 iframe 内渲染的,但它们会丢失所有 thMUI 组件,在 iframe 内渲染时也会丢失样式

回答 1 投票 0

React-leaflet + leaflet.elevation 用法

我发帖是为了看看是否有人可以给我一些关于这个“问题/问题”的线索。 我正在使用react-leaflet和leaflet-elevation,这是一个“插件”,可以创建海拔图并添加一些额外的

回答 2 投票 0

如何在 Prime React 多选中用逗号分隔的字符串过滤数据

如何将过滤结果显示为逗号分隔的字符串,例如如果我搜索“罗马,纽约”,那么这两个项目都将显示在下拉选项列表中。 从 'prime... 导入 { MultiSelect }

回答 1 投票 0

根据用户的设备隐藏或显示 React TourProvider 的特定步骤

有谁知道是否可以根据用户的屏幕尺寸或设备(桌面或移动设备)隐藏或显示 React TourProvider 的特定步骤?我试图根据...

回答 1 投票 0

如何在 NextJs 中强制 <link> 仅使用单击

我正在使用 Flickity-React-Component 作为可交换的轮播,并将 NextJs 传递给它的子级。 问题是当单击并交换轮播时,释放鼠标单击后它会打开...

回答 1 投票 0

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