如何使用setState只运行一次React useEffect并更新属性状态

文章/答案/技术大牛

发布

2回答

reactjs、react-hooks

下面的函数式React组件运行useEffect挂钩两次，即使将空的array []作为第二个参数传递，并且该组件只被添加到页面一次： const Tips = () => { useEffect(() => { setIdx(idx+ 1) }, []) /&#

浏览 73提问于2019-06-12得票数 2

回答已采纳

2回答

为什么set state在可观察对象的订阅中不起作用？

reactjs、rxjs、react-hooks

对于每个新的报价，我想使用react挂钩更新报价的状态。我创建了一个自定义钩子，它接受一个可观察对象，订阅它，并为每个新值设置状态。我发现，尽管我记录了所有新的传入引用，但似乎在第一次之后，我的setState从未被调用过。对于为什么会发生这种行为，有什么建议吗？代码： useEffect(() =&

浏览 0提问于2020-06-17得票数 1

3回答

使用钩子useState无限循环渲染的React js？

javascript、reactjs、typescript、react-hooks

我想通过使用自定义钩子来更新我的组件的当前状态，但是当我更新它时，会显示无限循环渲染。通过使用useState()钩子。我是第一次接触react hooks。import React, { useMemo, useState, useReducer, useEffect, useCallback } from 'react'; import getAllFaqs/peregrine&#x

浏览 58提问于2020-07-01得票数 0

回答已采纳

4回答

无法在react钩子中更新setInterval内部的状态

reactjs、setinterval、react-hooks

我希望每一秒都更新setinterval()中的状态，但它不起作用。我是新来的反应钩子，所以无法理解为什么会发生这种情况。请看下面的代码片段，并给我建议。// State definition let targetShowTime= 3;// call function React.

浏览 6提问于2019-10-15得票数 15

回答已采纳

2回答

参考文献与条件渲染

javascript、reactjs、reference

class App extends React.Component { constructor(props) { this.state= {isEditing: false} } this.setState我找到了一些解决办法，比如：当isEditing =

浏览 1提问于2018-06-23得票数 11

回答已采纳

2回答

响应钩子服务器调用和setState其他值

javascript、reactjs

我使用useEffect服务器时间，并使用setState其他值。但它只在控制台上被射中了两次。useEffect很多调用，但只有两次在控制台上。任何知道原因的人，请帮助..。import { useEffect, useState } from 'react'; const [value, setValue] = useState(0); useEffect

浏览 2提问于2021-06-08得票数 1

回答已采纳

3回答

Next.js:如何在ISR重新验证时重置状态

next.js、react-context、incremental-static-regeneration

假设我有一个Next.js应用程序，它使用ISR在主页上临时呈现一些内容。此内容是交互式的，我将在上下文中维护客户端状态。每隔24小时，我想重新生成这个互动内容，在这一点上，我想澄清这个状态。我现在还没有这个应用程序(我现在还在计划阶段)，但我能想到的最好的例子是，它每24小时生成一次单词，你需要猜测它；如果你正在猜测这个单词，当这个重置发生时，你的猜测尝试会被重置为零(尽管我还没有检查)。我想我可以有一个计划好的Firebase函数来更新我的内容，并调用一个端点来触发按需重新验证(

浏览 12提问于2022-11-21得票数 0

2回答

React挂钩- setState不会更新某些状态属性

javascript、reactjs、react-hooks

我正在制作一个游戏，但是在react上使用setState钩子时遇到了问题，它没有更新我的状态，我的状态属性是 const [state,setState] =useState({initGame:false,minPeepTime: 200, maxPeepTime: 1000}) 我也有两个useEffect钩子，只是为了测试useEffect(()

浏览 18提问于2021-04-27得票数 0

1回答

在将axios代码转换为react-query时，我得到了‘太多的重新渲染’

reactjs、typescript、react-query

看起来react-query很流行，所以我尝试将react-query添加到我现有的代码中。import { apiProvider } from 'services/modules/provider';

浏览 1提问于2021-05-18得票数 0

3回答

反应:如果第二个依赖于第一个，如何调用setState两次？

javascript、reactjs、react-hooks

如果第二个setState钩子依赖于您，那么如何实现这个简单的逻辑？在本例中，第一个setState值在运行第二个setState之前更新不够快。useEffect可能会解决这个问题，但在这个特殊的例子中，我只需要在第一个实例中调用useEffect，而不是每次状态发生更改时都调用useEffect。告诉我你的想法。function blah(arg) { <

浏览 3提问于2022-01-11得票数 0

回答已采纳

2回答

使用useState时，Reactjs不会立即更新指定的值

reactjs、asynchronous、react-hooks、use-state

Reactjs在使用usestate钩子时不会更新新值:请看下面的示例： const [name, setName] = useState("Bob"); updateName(); }, [])

浏览 2提问于2021-05-17得票数 0

回答已采纳

2回答

如何在useEffect中访问侦听器内的状态？

reactjs、websocket

我理解，没有依赖项，您就无法访问useEffect中的状态。一个这样的例子： const ws = new WebSocket(`ws://localhost:5000`) ws.onopen = () => {},[]) 在本例中，

浏览 5提问于2022-01-19得票数 0

3回答

useEffect不更新路由更改时的状态

javascript、reactjs、react-hooks、gatsby

我正在寻找一个解决方案来注册路由更改，并使用setState和useEffect应用新的useEffect。当路由更改时，下面的当前代码不会更新setState的函数。另外，请注意，我正在使用盖茨比，并在此过程中导入{ Link } from 'gatsby'。);如果我在console.log(state.isHome) on pathname /上得到了true，那么我得到了false的任何其他路径名，但是，如

浏览 6提问于2019-09-25得票数 7

回答已采纳

2回答

为什么redux操作不“破坏”组件-don/useEffect？

reactjs、redux

订阅Redux状态片段的组件将在状态更改时重新发送。这就是Redux的全部要点。当您使用connect api时，这些状态片只是简单的道具，所以它直接讲到了我的第一点。this.props.someReduxActionThatModifiesAnotherPropInThisComponent()} 由于redux操作改变了道具和组件重定向器，我认为componentDidMount已经有了它的一天，现在它已经完成了，我们永远不会运行在useEff

浏览 1提问于2021-08-27得票数 0

1回答

如何初始化钩子状态。所有状态元素都丢失

javascript、reactjs、react-hooks

但我仍然不知道如何正确初始化。当此状态 qualification: props.profile.qualification, const [state, setState] = useState({ twitter: "", useEffect，但警告:

浏览 1提问于2021-04-03得票数 1

2回答

直接在组件体中将状态更新为同一状态

javascript、reactjs、react-hooks、infinite-loop、react-component

return <div>Component</div>在这段代码中，我将状态更新为，与前面直接在组件体中的值相同。正如我所知，在React.useState中，如果状态值被更新为与前面相同的值- React将不会重新呈现组件。为什么会发生在这里？然而，，如果我尝试使用useEffect做一些简单的事情，而不是直接在组件体中： const [state

浏览 14提问于2022-10-11得票数 7

回答已采纳

3回答

为什么useEffect清理函数在第一次呈现时被调用？

reactjs

/styles.css";export default function App() { useEffect(() => { // setState(1) console.log我不知道为什么根据我

浏览 11提问于2022-05-18得票数 0

回答已采纳

2回答

带有react钩子的计数器不能正常工作

reactjs、react-hooks、use-state

import React, { useState } from 'react'; bool: false, }) setState({incValue: 10}) const incrementC

浏览 3提问于2020-11-19得票数 0

回答已采纳

1回答

在新的Promise中使用函数组件的setState？

javascript、node.js、reactjs、asynchronous、promise

我知道设置状态是异步的，但是有没有在新的promise中设置状态的用例？老实说，我不理解promises，它们很难理解，它们的用例也让我感到困惑。但我知道有时候我setState和I console.log它，它是不确定的。我想把它放到一个新的承诺中。这是一个正确的方法吗？就我的代码片段而言，我该如何构建该逻辑呢？

浏览 3提问于2020-11-25得票数 0

1回答

在单个setState调用上多次更新React状态

reactjs、socket.io、react-hooks

我有一个组件，它在收到套接字消息时更新状态。它看起来是这样的： SocketComponent.js import React, { useEffect, useState } from 'react'; }); const handler = (data) => {testHandler(data, setSta

浏览 10提问于2021-01-17得票数 1

回答已采纳

点击加载更多