问题标签 [use-state]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
283 浏览

javascript - 当 2D 数组中的元素在 react native expo 中发生变化时重新渲染页面

每当邀请 [1] [1] 中的值发生更改时,我想重新运行下面的代码以重新加载页面,我在另一个页面中使用 AsyncStorage 更新这些数组值,当我尝试以下操作时,我得到了以下错误。还有其他方法吗?

我收到 警告的错误:%s 在此渲染期间收到了最后一个参数,但在上一次渲染期间没有收到。即使最后一个参数是可选的,它的类型也不能在渲染之间改变。%s,useEffect

0 投票
3 回答
429 浏览

javascript - 反应中的 useState() 不会更新数据 - 这是 sort() 问题吗?

当我在网站加载后单击按钮对有关国家/地区的数据进行排序时,数据显示正确。但是当我想按不同的值再次对其进行排序时,数据不会更新,状态也不会更新,但是,该功能运行良好,因为我可以看到控制台中的结果已正确排序。这种奇怪行为的原因是什么?感谢您的时间。

0 投票
2 回答
595 浏览

reactjs - 为什么我的状态没有立即在控制台日志中更新

我正在学习 React 和 React 钩子,我有一个问题。我有这种称为房间的状态,其中包含房间对象的数组。我创建了一个添加新房间的组件。您填写一个表单,当单击提交按钮时,它会启动一个函数,在该函数中我使用 setRooms([...rooms, newRoom]) 编辑状态,同时它会更新页面上的房间。出于某种原因,当我尝试在控制台中记录它(在第一次编辑房间的同一个 onSubmit 函数中)时,它显示了以前的状态,即使它应该被更新并且我可以告诉它已经更新,因为新房间显示在页面上。

请帮助我理解这一点,我无法理解它。

0 投票
3 回答
38 浏览

javascript - 为什么在 onClick 之后我的钩子无法更新状态?

我通过以下方式定义了一个常量以在 ReactJS 中使用 UseState Hook:

以某种方式为我的表单使用 inputValue:

我可以使用下面的代码段在我的表单中输入字符串:

我现在有一个按钮,onclick 应该清除表单中的字符串输入:

但是表单保留了原始字符串,并且状态没有设置为空字符串。怎么了?为什么钩子不能更新状态?

0 投票
1 回答
390 浏览

reactjs - 如何在反应上下文中反转状态

如何将状态从 true 更改为 false 并将 false 更改为 true?

这是我的代码:

我收到了这条消息:

'showing' 未定义 no-undef

谁能帮我解决这个问题??

0 投票
2 回答
2073 浏览

reactjs - React.useEffect:在 axios 请求后状态未更新

我正在尝试将类 Component 转换为功能组件以利用React.useState 钩子React.useEffect 钩子。该组件正在发出请求以检查服务器上是否存在令牌。

我已将值添加到依赖数组,因为它是它所依赖的外部值。我还添加了规定的清理功能。

谁能提供任何见解为什么它根本不呈现,即成功,不同的错误结果?

0 投票
2 回答
1653 浏览

reactjs - 无法使用 useState 处理反应微调器加载

我使用一个函数组件,所以我必须使用 UseState 来处理组件状态。我试图在使用 axios 加载数据时显示微调器:

我的问题是微调器未显示,我将 console.log(loading) 放在 setLoading(true) 之后,但我得到了错误值。 在此处输入图像描述

0 投票
1 回答
601 浏览

javascript - React useEffect 不会阻止重新渲染

我需要创建一个功能性的反应组件,每次发生特定事件时自动更新内部数据。

我编写了下面的代码,但是每次调用回调时,都会重新渲染组件,并且将变量myArray设置为空数组,而不是填充回调中的所有内容。

我究竟做错了什么?我应该使用什么方法?

0 投票
1 回答
25 浏览

reactjs - 复选框 reactjs 正在检查所有选项

我正在使用一个使用状态的 material-ui 复选框。当我单击选择一个选项时,它会全选,但我希望他只选择被单击的那个。

在此处输入图像描述

代码:

0 投票
1 回答
54 浏览

javascript - React hooks:在子函数内部的 onClick 函数内部更改父函数的状态

您好,我正在尝试从主(父)函数内的模态(子函数)保存数据。模态加载某些 html 取决于单击哪个按钮(都做同样的事情)。

主要问题是设置保存的数据。当我按下添加按钮时,useEffect然后记录并且数组为空。我什至尝试将数据保存在 localStorage 中,而不是在我在 add1 函数中设置它之后立即使用setSavedData1localStorageconsole.log函数data1,它似乎出现在数组中,但紧随其后的是useEffect日志,它始终为空。我真的会帮助任何人,因为我非常坚持这一点并且不知道该怎么做。