使用React-Query和Axios将JSON数据解析为TypeScript对象的简单方法

这是我从服务器接收到的JSON数据：{"id":1,"text_data":"exampledata"}现在我正在尝试将这个JSON数据解析成TS对象：expo...

P粉621033928来自于 2024-01-16 12:45:51 0  1  1072

使用 next.js 和云函数确保安全的 CORS 处理

我在前端使用next.js，有一个“api”文件夹，为我们在next.js服务器端提供了一个node.js环境。我们可以在前端和后端（云函数）之间拥有一些代理“api”。从前端端，我向next.jsapi发送请求从nex...

P粉106301763来自于 2024-03-29 11:35:12 0  1  1071

如何在React.js中更新Context中的状态，而不让组件重新渲染？

所以基本上我正在使用谷歌地图API，当我点击建筑物时，它会显示带有一些信息的模态。该模式的状态位于上下文中，并通过地图上的单击事件进行更新。发生的情况是，当状态更新时，它会再次重新渲染整个Map（使其缩小），因为状态是从...

P粉322319601来自于 2024-02-26 00:05:17 0  1  1071

类型错误：date.locale 不是函数

我使用antd"antd":"^5.5.1"DatePicker来绑定日期字符串，这是App.tsx代码如下：import{DatePicker,Form}from"an...

P粉006847750来自于 2024-01-08 20:53:22 0  1  1071

NextJS 13 中的动态路由未按预期工作。如何让它发挥作用？

我正在尝试使用动态路由，这样URI在NextJS13项目中具有blogs/id/，其中id部分应该是动态的，但它似乎不起作用。似乎总是显示博客对应的页面。我在这个项目中使用了Next13中的实验应用程序目录，并且我有一个...

P粉066224086来自于 2023-12-24 13:46:46 0  1  1071

我是否正确使用了NextJS的scss模块，或者是我弄错了？

我有一个pagination.tsx组件和一个包含样式的pagination.module.scss文件.pagination{ul{display:inline-block;padding-left:0;margin:...

P粉349222772来自于 2023-09-16 16:57:34 0  1  1069

作为 prop 传递的数组不反映更改

这个问题更多的是为了更多地了解反应如何处理和对变化做出反应，而不是实现，因此我让immutable-props-apprach稍微发展一下。我试图获取数组的第一个元素并将其从原始数组中删除，该数组作为道具传递给组件：co...

P粉685757239来自于 2023-09-06 17:37:30 0  2  1068

PDF.js无法显示渲染的画布图像

我有一个显示PDF的React组件。当我使用这个组件时，我只需要传递PDF的URL。组件处理预览的细节。我遇到的问题是这个组件不显示PDF。我是否遗漏了什么？我应该怎么做来解决这个问题？下面是一个演示：const{Str...

P粉766520991来自于 2023-08-17 20:02:20 0  1  1068

使用webpack加载目录中的所有文件，无需使用require语句的方法

我有大量的javascript文件分散在我的应用程序的4个子目录中。在grunt中，我将它们全部收集起来并编译成一个文件。这些文件没有module.exports函数。我想使用webpack将它们分割成4个部分。我不想手...

P粉252423906来自于 2023-08-22 14:25:18 0  2  1066

在提交之前，使用Formik重置表单

点击提交按钮后，在提交之前会重置表单。我使用Formik创建了一个表单。我尝试使用Formik的resetForm在提交后重置表单。但是它在提交之前重置了表单并提交了一个空表单。这是我的表单：<FormikonSu...

P粉138711794来自于 2023-09-10 22:06:21 0  1  1065

重写后的标题为：Initial update of React state is not occurring

我有一个图像上传组件，用户可以一次上传一张或多张图像。当用户上传图像时，我总是尝试使用useState()更新状态。但状态并没有在第一时间更新。我如何更新以下代码才能使其正常工作。importReactfrom'reac...

P粉401901266来自于 2023-09-08 22:29:43 0  2  1065

在返回语句中使用内联JSX渲染时，检索元素的宽度

我有一个元素，我想计算它的宽度，然后迭代多少次，以至少占满视口的宽度。问题是，我无法通过我正在使用的行内JSX渲染样式来获取宽度。即使我将其设置为依赖项，我在useEffect中仍然会得到refWidth为空的错误。有没...

P粉441076405来自于 2023-09-20 22:00:52 0  1  1063

如何在TypeScript Next.js中使用顶层的"await"

当我在顶层使用“await”时，如下所示：constLuckyDrawInstance=awaitnewweb3.eth.Contract(abi)我在终端上收到警告：“setExperiments.topLevelAw...

P粉200138510来自于 2023-10-22 12:36:52 0  2  1062

React Infinite Scroll 的问题 - 未获取更多数据

您好，我正在开发一个页面，该页面从sanity.io数据存储中提取项目列表，并尝试使用无限滚动一次显示10个项目，以便在每次项目下降时再渲染10个项目。但是，我遇到的问题是仅显示前10个项目，并且似乎没有调用fetchN...

P粉939473759来自于 2024-02-26 17:20:40 0  1  1061

为什么我无法将 const 变量传输到不同的 React 文件

所以我试图将const变量从一个文件传输到另一个文件。由于某种原因，我无法访问它，并且它不允许我在文本文件中显示它。下面分别是homepage.js代码和pay.js文件。我正在尝试将displayedAmount变量从...

P粉593118425来自于 2024-02-04 11:46:16 0  1  1061