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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

React-Toastify组件可重复使用

我正在尝试创建一个可重用的Toast组件。这里是代码：https://codesandbox.io/s/custom-toastify-toast-with-react-component-forked-mu2l9c?f...

P粉514458863来自于 2024-02-03 18:21:39 0  1  1039

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

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

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

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

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

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

React - 使用useMemo()仍然会导致键盘输入速度减慢

我有这样的代码，其中有很多输入框，每个输入框都用于修改一个价格值。由于输入框的数量很多（每个区域有3个价格，每个价格有3个定价），为了避免每次重新渲染所有内容，我在更新输入框值的函数上使用了useMemo，并且除此之外，...

P粉340264283来自于 2023-09-03 17:16:59 0  1  1037

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

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

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

类型错误：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  1033

解决Tailwind CSS的React抽屉组件关闭动画问题的方法

在我的React项目中，我还使用了tailwindCSS，我实现了在菜单中点击图标后打开抽屉的功能。问题是，在我的实现中关闭动画丢失了（打开动画保持正常）。让我们来看一下这个组件：importReact,{useStat...

P粉545682500来自于 2023-08-13 10:44:01 0  1  1033

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

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

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

React Hook form与yup验证：有效的表单验证方法

我为我的ReactJS电子商务网站创建了一个立即购买组件。我面临的问题是表单的验证没有完成。我使用了一个解析器，但它仍然没有验证我的表单。这是我的代码：importReact,{useEffect,useState}fr...

P粉486743671来自于 2023-08-28 10:04:56 0  1  1032