Js必须按两次按钮才能注册
我有一个网站，我在那里建立了一个登录系统。 Register.jsx export default function Register() { const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [username, setUser
..
use-state相关内容
意外的状态更新导致"；useState"；函数
考虑这个简单的例子，其中一个函数用于更新useState对象： App.tsx import { useState } from 'react'; export default function App() { const [state, setState] = useState({ id: 0, }); const update = () => {
..
不同函数中状态变量的值不同
我搞不懂作用域在Reaction中的工作原理。 我想将一个状态的值传递给另一个状态，但我发现在一个函数中它打印了正确的值，而在另一个函数中却没有。 这是一个倒计时，计时器倒计时并计算点击量，最后，我想要获得总点击量并将其发送到总状态。因此，状态为： const [strokeScore, setStrokeScore] = useState(1); const [tot
..
反应打字脚本故事书使用onChange回调实现定制的输入组件，然后将setState值返回到输入
我目前正在实现一个带有故事书的Reaction定制输入组件。 我希望实现的是这个自定义的输入组件将使用几个参数，其中一个参数是onChangeInput，它将负责稍后为‘InputValue’设置State值，以下是我的主要输入组件实现： Input.tsx import React from 'react' export type Props = { /** * This
..
使用useState钩子将项添加到存储在REACT状态的数组中的正确方法是什么？
我需要将项连接到存储在Reaction组件状态中的数组。我有一个关于stackblitz的例子，我不明白为什么数组没有增长，因为我使用扩散运算符将元素添加到现有数组中。感谢任何帮助 链接：https://stackblitz.com/edit/react-usestate-example-ebzt6g?file=index.js import React from 'react'; i
..
MUI自定义文本字段失去对状态更改的关注
我正在使用MUI库创建我的React Js应用。 在这里，我使用controlled Text Field组件创建一个简单的搜索用户界面。 但有件事很奇怪。Text Field组件在其值更改后失去焦点。 这是我第一次面对这个问题。我以前从未遇到过这个问题。 这怎么会发生呢？解决方案是什么？ 这里是代码和操场：https://codesandbox.io/s/mui-autoco
..
参数为`new`关键字的useState
我正在构建一个独立的服务来处理复杂的事情，该服务是一个类，仅用于测试提议，我在useState中模拟。 重点是我在构造函数中忘记了console.log，并且意识到在重新呈现组件时，类构造函数被调用了很多次。这种行为不会导致意想不到的行为或类似的事情，但我在问自己为什么会发生这种情况，因为我知道在它的Call上的useState中声明的事情不会重复，但显然我错了导致以下问题的原因。 为
..
如何使用对象数组中的状态更新状态？
我在使用Reaction useState挂钩时遇到一些问题。我有一个带有复选框按钮的Todolist，我想将‘Done’属性更新为‘True’，该属性的id与‘Click’复选框按钮的id相同。如果我sole.log我的‘toggleDone’函数，它会返回正确的id。但我不知道如何才能更新正确的属性。 当前状态： const App = () => { const [stat
..
OnClick功能需要两次点击才能更新状态
我正在尝试创建一个具有收藏功能的应用程序。 该功能实际工作，但仅在第二次单击之后。 编辑了解更多信息：第一次点击时，应用程序尝试将信息发送到我的数据库，但它是不完整的。它只发送我的初始值。在第二次单击时，它最后会追加其他所需的值并保存到数据库中。 我对钩子还很陌生，所以请随时对我的代码可以使用的任何改进发表意见。 这是我的Reaction组件，它处理所有事情。 import Re
..
React useState不更新值
我有点困惑，为什么这个组件没有按预期工作： function Counter() { const [count, setCount] = useState(0); useEffect(() => { const id = setInterval(() => { setCount(count + 1); // This effect depends on the
..
获取太多重新呈现的Reaction钩子错误(&Q；)
我在和Reaction Hooks作斗争。我在网上看了看，但想不出如何让这些例子适应我的代码。我有以下组件，它会触发"；太多重新呈现"；错误： const EmailVerification = () => { const [showMessage, setShowMessage] = useState(true); const [text, setText] = u
..
如何使用泛型正确设置react useState
核心问题-我在哪里搞砸了我的useState const [data, setData] = useState>(); 所以我作为道具发送下来的data对象是undefined？ 我的(正常运行)API调用如下 export const getAllAssets = async (
..
Reaction组件有时会呈现两次状态不变的情况
我正在使用Redux订阅存储和更新组件。 这是一个没有Redux的简化示例。它使用模拟商店进行订阅和发送。 请按照代码段下面的步骤重现该问题。 编辑：请跳至更新下的第二个演示片段，了解更简洁、更贴近实际的场景。问题是而不是关于Redux。这是关于React的setState函数标识在某些情况下导致重新呈现，即使状态没有更改。 编辑2：在更新2下添加了更简洁的演示。 数据-
..
在数组中带有参数的useState会破坏setInterval，并使其不稳定和不稳定
我刚才在这里问了一个问题：react value of a state variable different in a different function 现在我有了新问题。 具有如下所示的使用效果 useEffect(() => { countDown(); console.log('Score in useeffect', strokeScore);
..
即使超时，同一处理程序中的useState更新状态也不可用
我有一个包含3个字段的简单注册表。我已经将状态存储在formValues中，其中value&；error与每个字段相关联。现在，当我在没有填写任何或至少一个字段的情况下提交表单时，表单应该是无效的，但是它会显示包含无效字段的验证消息，但使表单有效。即使我添加了setTimeout，更新后的状态在相同的handleSubmit中也不可用。如果我再次提交，该过程运行良好。我知道状态更新是异步的，
..
为什么我的 React 组件在初始加载时渲染两次?
我有一个名为 (First) 的功能组件 function First() {const [count,setCount]=useState(0)console.log("component first rendering")//这个日志记录发生了两次返回 (
第一个组件)} 当我最初运行应用程序时，console 语句记录了两次，为什么它应该只记录一次，因为我没有明确更新状态.
..
React useState 总是落后 1 步
我对 React 很陌生.我已经学习了几个月.我目前正在使用 ant-design 创建标签并尝试在点击时删除它们.我有一个用户状态，根据他们是要删除还是创建标签，用户状态会更新.但是，当我删除标签时，users 状态不会立即更新并返回空数组，当我 console.log(users); 在 removeUser() .我看过类似的以前的问题，但是他们使用 useEffect() 但这不适合我的用
..
反应 useState/setState 错误:当组件的多个实例在同一页面上时不是函数
这里使用一些 useState 钩子有点麻烦也许你知道如何让它工作！这是我正在尝试做的事情的简要概述... 我正在制作一个 LMS 网页，让教师设计课程.教师可以从模板中挑选并插入视频/文本/图片.他们可能会选择两列布局或三列布局.他们可以混合和匹配布局中的内容类型.因此，教师可能会选择 3 列布局并在模板中放置三个视频. 我需要确保学生在继续之前观看视频的每一秒 - 我非常接近让它发
..
React - 是否使用状态更新值
我有一个包含两列的表单.左列是右列的建议值.我目前从单独的 API 调用中呈现这两个值.这是有效的. 这是当前代码: const dbContact = useDbContact(contact.Group); 这将设置当前值的值，contact.Group 来自传递给 API 调用的建议值. 我后来用它来调用表单输入值:
..
onChange 正在重置状态 - useState
我对 ReactJs 并不陌生，但不知何故，当我在组件函数中使用 console.log 时，它显示已设置的属性也已重置.下面是我完整的功能组件 import React, { useState } from 'react';进口 {网格、排版、纸张、TextField、来自'@material-ui/core';从“@material-ui/lab/Autocomplete"导入自动完成；从
..