reactjs 相关问题

react中所有html元素的扩展类型

我正在编写一个具有自定义数据属性检测功能的库。我想在 HTML 元素上启用自动完成功能。 尝试扩展 HTMLElement，一种用于计算的方法...

iOS React Native 中自动填充 OTP

我有一个 Typescript React Native 自定义组件，用于 React Native 盒装 OTP 输入。它在所有条件下都工作正常，但是当涉及到 iOS 的自动填充 otp 时，它只是粘贴第一个

如何获取addonAfter值来加入react antd中的Input值？

我有一个 React Antd Form.List，其中添加了 x 个 组件。 当我记录从表单发布的值时，它只返回输入值。我想要 addonAfter 值

Formik 和 yup 验证正在验证非必需的文件输入字段

我有一个输入字段（类型文件），由于某种原因，即使不是必需的，它也会验证。 使用序列号，我进行了验证，这不是必需的，并且似乎工作正常，当

REACT JS 和下一个 JS 图像 Dropzone with Cropper

我想要带有图像裁剪器的代码拖放区 我希望当我首先上传图像时，它将打开裁剪器的模式，然后保存最终裁剪的图像。创建一个组件并每隔

如何使用反应状态数组制作动画

我的 useState 中有对象 const [任务，setTasks] = useState([{已完成: true},{已完成: false}]) 我对它进行了排序，使已完成的任务位于底部。 {tasks.map(elem=> 我的 useState 中有对象 const [tasks,setTasks] = useState([{completed: true},{completed: false}]) 我对它进行了排序，使已完成的任务位于底部。 <div> {tasks.map(elem=><div onClick={ //Here I change completed to true if its false, so how do I make css animation like its falling down? }>{elem.name}</div>)} </div> 我尝试使用 shuffle 或 ReactCSSTransition 但它已被弃用并且不起作用。我可以使用任何其他库吗？ 为状态添加唯一的 ID。 const [tasks, setTasks] = useState([ { id: 1, completed: true, name: "Task 1" }, { id: 2, completed: false, name: "Task 2" }, ]); 完整代码： const [tasks, setTasks] = useState([ { id: 1, completed: true, name: "Task 1" }, { id: 2, completed: false, name: "Task 2" }, ]); const [updatedTasks, setUpdatedTasks] = useState([]); useEffect(() => { if (updatedTasks.length > 0) { setTasks(updatedTasks); setUpdatedTasks([]); } }, [updatedTasks]); return ( <div> {tasks.map((elem) => ( <div onClick={() => { const updatedTask = tasks.map((task) => task.id === elem.id ? { ...task, completed: !task.completed } : task ); setUpdatedTasks(updatedTask); }} > <div className={elem.completed ? "" : "fall-down"}>{elem.name}</div> </div> ))} </div> 添加CSS： .fall-down { animation: fallDown 0.5s ease-out forwards; } @keyframes fallDown { 0% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(50px); opacity: 0; } }

这里地理编码 API - 在我的 React 应用程序中不起作用

我有一个 React 应用程序，在其中使用 HERE 地理编码 API。我有一个 axios 请求来检索纬度和经度，但它没有按预期工作。该请求在我的应用程序中不起作用

403 安装 github 软件包时出现禁止错误。它们是使用 GITHUB Actions 通过 CI/CD 管道创建的

我使用 github CI/CD 管道（使用 github actions）将我的 React 应用程序创建为包。一切都很顺利。但是当我尝试安装创建的包时，我遇到了一个问题......

React Web 应用程序在页面网络中显示 404 错误

加载页面时，我没有收到 200 、 203 响应，应用程序是在 React 中开发的。 页面已正确加载，但在网络中显示 404 错误。需要帮助来解决这个问题。

jest.UseFakeTimers() / jestjest.runAllTimers() 不起作用

我刚刚开始在 React 中进行测试的主题，我已经了解了如何以及为何在 React 中进行测试的一些方面。一切都很好，直到我想使用 jest.UseFakeTimers() 和 jest。

在 HTTP 上而不是 HTTPS 上部署“创建 React 应用程序”

我需要部署一个简单的反应应用程序只是为了展示目的。但当我尝试在 Netlify、Vercel、Firebase 上托管它时出现问题，并且无法使用 heroku。我明白了。 混合内容...

如何修复 React 中的“列表中的每个子项都应该有一个唯一的‘key’属性’警告？

我正在开发一个反应应用程序，我无法修复此警告，您可以帮助找到我具体需要密钥的位置吗 这是我的代码块，其中生成了错误： const [经验，

更改 React 中所需的输入消息

我需要更改 React 中的警报（请填写此字段）。 例子： 一个表单组件和一个输入组件。 PD：我可以用 JS 在简单的 HTML 中完成它，但我就是无法让它工作

Material-UI - 范围滑块中的拇指切换样式

我有两个实体要在 Material-UI Slider 上显示为拇指组件，并且我需要为每个拇指组件设置不同的样式。 实体 A 拇指应出现在白色圆圈中，实体 B 拇指应...

React/Next.js 似乎不适用于 Apexcharts

问题 当我从任何文件中的“react-apexcharts”导入图表时，我的 Next.js/React/Node 应用程序崩溃。尝试访问应用程序会导致以下错误：服务器错误参考错误：...

如何更改浅色和深色模式 Mantine UI 的主体背景颜色

如何在主题对象中自定义正文的 mantine 背景颜色？ 我正在努力实现这样的目标 常量主题 = createTheme({ 颜色： { // 灯光模式颜色 光： { ...

Axios GET 失败，[nodemon] 应用程序崩溃 - 启动前等待文件更改（express js、mysql、react）

一开始我的后端运行得很顺利，但是由于axios不会从后端检索GET数据，所以我在index.js文件中将端口更改为8000，然后后端服务器不断崩溃。 这……

如何在 React 中正确分组单选按钮

我目前正在学习React。我很难理解下面有关控制单选按钮的代码。我不明白代码如何设法只允许选择一个单选按钮...

开发whatsapp并将其集成到我的网站中

我正在用react和nodejs开发一个自定义crm。 我需要集成一个盒子，用户/操作员可以在其中通过 Whatsapp 向客户发送消息。 我读到我无法使用 iframe 因为有

我的 MERN 网站在重新加载网页时显示“未找到”

问题是：当我尝试为我的项目生成灯塔报告时，当主页重新加载时，它给出响应“未找到” 我在 render.com 上托管了我的网站 托管网站链接：https://co...