问题标签 [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.
javascript - 当我将它与 onClick 中的其他功能一起使用时,useState 不起作用
我创建了这个状态:
我有一个按钮,当我按下它时,我希望它设置list
为["a","b","c"]
有用:
但它没有:
我不知道为什么
reactjs - React useState 更新有问题
你好 Stackoverflow 社区,
我对 useState 有一个难题。我想从数组中删除一个项目,然后我想做一些检查和一个 xhr 调用。让我给你举个例子:
问题是,项目中checkUnique
仍然包含两个项目。我不能使用 useEffect,因为我需要在 xhr 调用中删除的项目。而且我不想记住删除的项目,因为它很难理解和冗余。有谁知道如何解决这个问题?我考虑过传递itemsCopy
给checkUnique
作为参数,但这是要走的路吗?
javascript - React Native UseState 数组清除
我有以下代码 - 想法是创建一条动画折线(用于地图)。我在互联网上找到了一些东西,但它是使用“旧”方法/没有useEffect
,useState
......我无法清除polylinePath
数组else
- 我试图打印出当前长度,但它总是返回初始状态长度从props.Direction
. 你能帮助我吗?我不知道为什么我的 AnimatedPolyline 不起作用。
reactjs - 将状态从useEffect传递给组件中的函数?
我正在尝试从反应组件中的函数访问我的状态,称为 activeCards。我可以在使用效果中访问它...但我只想在按下按钮时运行该功能。
函数 reorderActiveCardsDown 从状态中获取数组……并对其重新排序……然后将数组放回原处。它在我的基于类的组件中工作 - 但我无法将它与基于功能的组件一起使用。
我可以从 useEffect 控制台记录状态,它工作正常......但如果我从函数控制台记录状态,它是空的。
我想我的问题是 - 在这种情况下我是否使用 useEffect - 将信息传递回新函数?如果我希望该功能每次都运行...我可以将其置于 useEffect.. 但我只希望它在按下该按钮时运行。
谢谢!
这是完整的代码 - 该组件从单个 ID 获取我的 api 以获取 ID 数组。这来自函数 FetchIDS()。获取数组后,将其设置为累积列表状态。获取的每个 ID 都代表一张卡片——这样我就可以让用户添加或删除他们想要的卡片。
一旦状态“cumulativeList”更新,我从 useEffect 函数调用 convertIdToCard()。每个 ID 都获取卡信息并将其转换为存储在状态“activeCards”中的组件。convertIdToCard() 获取卡信息并调用 CreateQuoteCards()。CreateQuoteCards() 创建要添加到 ActiveCards 列表的组件。在 CreateQuoteCards() 结束时,我更新了 activeCardsList。渲染函数显示列表。
现在用户可以看到每张卡片。每张卡片还通过道具传递一个函数 - moveCardDown()。当用户按下按钮重新排序特定卡片时,moveCardDown() 重新排序累积列表(将保存到数据库中的 id 列表)。这工作到这里。现在 moveCardDown() 调用我遇到问题的函数... reorderActiveCardsDown()。
这是完整的代码!
reactjs - 请求反应挂钩后更新列表
我有一个存储在状态中的项目列表。提交表单后,我将另一个项目添加到列表中,然后将其保存为新状态。这个新添加的项目的状态为“待定”。同时我发送一个发布请求,如果发布请求失败,我想将该特定项目状态更新为“错误”。问题是,请求失败时状态并未更新,因此我试图更新未设置的状态。我正在使用反应钩子,因此一种可能性是仅在状态更新后才调用请求:
以前,在将 getRequest 函数放入 useEffect 之前,它被子组件中的另一个函数调用。
我的问题由几个部分组成:1)如何将参数 URL、id、freq 获取到 useEffect 函数中?2) 我不想在第一次渲染时运行 getRequest 函数,那么我该如何否定呢?3)我在这里做事的一般模式是好的(我相信它不应该这么困难)。
json - React Hooks:检查 JSON 对象是否存在于 useState 中,如果不存在则添加并将其添加到其中?
我有一个<Day/>
组件,它<Calendar/>
自然是组件的子组件;
<Day/>
有一个dayInfo
道具。此时,我正在尝试转换通过event.target.computedName
单击日历获得的数据并将其传递给 day 组件,如下所示:<Day dayInfo={event.target.computedName}/>
从那里我想将它转换为一个JSON
对象,然后将其推送到日组件中的状态/数组:
所以这是我的 Day 组件:
我相信我已经将“2020 年 4 月 9 日”转换为“2020 年 4 月 9 日”,但dayCollection
/state 的检查不断产生[]
那么如何检查该JSON
对象是否存在于 Day 组件的状态中,如果它没有生成JSON
对象并将其连接到状态中,则添加它?
提前致谢!
reactjs - useEffect 中的更新状态显示警告
我想在更新其他状态后更新一个状态:
这是一个沙箱
当用户掷骰子时,几个 setTimeouts 将改变状态值并最终解决。一旦解决,我想跟踪一组对象中的分数。
所以当我这样写它时,它可以工作,但 eslint 给了我一个缺少依赖项的警告。但是当我放入依赖项时,useEffect 将在一个永远循环中结束。
如何在状态更新后实现状态更新而不会导致永远循环?
arrays - 如何将数据添加到 json 对象内的嵌套数组
我的状态对象如下所示:
现在我想将一些数据附加到第一个对象的data
数组中series
我尝试这样做:
但它不起作用。有什么建议或解决方案吗?
reactjs - 使用加载更多按钮动态加载组件反应 Js
我是 React Js 的新手,所以我自己找不到解决问题的方法,请帮助我。
我正在一个带有博客页面的网站上工作,博客应该在页面上动态显示。当页面加载时,我希望它有 4 个博客,下面会有一个按钮,所以当用户点击它时,React 应该渲染并显示其余的博客。
到目前为止,我的代码如下所示:
reactjs - React.useState 以错误的状态重新渲染
我有以下控制我的仪表板的简化代码
这段代码的目的是打开一个抽屉(它会这样做),在抽屉中渲染一个组件(它会这样做),并且在用户使用组件登录后关闭抽屉(它会这样做)并更新状态(它几乎做到了)。
问题出现在handleLoginCallback
方法中。好的数据被发回,状态用好的数据更新。然而,只有页面上的一些组件被更新。
功能组件的重新渲染过程如何工作?它只是再次调用该函数还是只是以某种方式重新计算返回值?以下代码不会在重新渲染时重新计算。可以让某些州依赖于其他州吗?
下面是<LoginPage>
调用回调方法的代码。