React setState不更新UI或触发器useEffect
React中的setState是用来更新组件状态并重新渲染UI的方法。但有时候可能会出现setState不更新UI或触发useEffect的情况。下面是可能导致这种情况发生的几种原因和解决方法：
- 异步更新状态：React的setState方法是异步的，它会将多个setState调用合并为一个更新。因此，如果多个setState调用发生在同一个事件循环中，React可能会将它们合并为一个更新，导致UI不及时更新。解决方法是使用函数形式的setState，而不是对象形式，因为函数形式的setState保证是基于最新状态进行更新。例如：
- 异步更新状态：React的setState方法是异步的，它会将多个setState调用合并为一个更新。因此，如果多个setState调用发生在同一个事件循环中，React可能会将它们合并为一个更新，导致UI不及时更新。解决方法是使用函数形式的setState，而不是对象形式，因为函数形式的setState保证是基于最新状态进行更新。例如：
- 不可变状态更新：React要求状态是不可变的，即每次更新状态都应该返回一个新的对象。如果直接修改状态对象，React可能会认为没有发生变化而不触发UI更新。解决方法是使用浅拷贝或深拷贝来创建新的状态对象。例如：
- 不可变状态更新：React要求状态是不可变的，即每次更新状态都应该返回一个新的对象。如果直接修改状态对象，React可能会认为没有发生变化而不触发UI更新。解决方法是使用浅拷贝或深拷贝来创建新的状态对象。例如：
- setState在异步代码块中：如果setState被放置在异步代码块（如定时器、事件回调等）中，有可能会导致UI不及时更新。这是因为React会将异步代码块中的setState视为一个批处理，等到代码块执行完毕才进行状态更新和UI重新渲染。解决方法是使用异步函数或将setState放在异步代码块外部。例如：
- setState在异步代码块中：如果setState被放置在异步代码块（如定时器、事件回调等）中，有可能会导致UI不及时更新。这是因为React会将异步代码块中的setState视为一个批处理，等到代码块执行完毕才进行状态更新和UI重新渲染。解决方法是使用异步函数或将setState放在异步代码块外部。例如：
- 依赖项未正确设置：如果在useEffect中没有正确设置依赖项，会导致useEffect不会在状态更新后触发。解决方法是将相关的状态作为依赖项传入useEffect。例如：
- 依赖项未正确设置：如果在useEffect中没有正确设置依赖项，会导致useEffect不会在状态更新后触发。解决方法是将相关的状态作为依赖项传入useEffect。例如：
React中的一些相关概念和技术可以参考以下腾讯云产品和文档：
- React概述：React是一个用于构建用户界面的JavaScript库，可以实现高效、可重用和可扩展的UI组件开发。详情请参考React官方文档。
- React生命周期：React组件有一系列的生命周期方法，可以在特定时机执行代码。详情请参考React生命周期官方文档。
- React Hooks：React Hooks是一种新的功能，可以让你在无需编写类组件的情况下使用状态和其他React功能。详情请参考React Hooks官方文档。
- React的函数组件和类组件：React支持两种组件类型，函数组件和类组件。详情请参考React官方文档。
- React的虚拟DOM：React使用虚拟DOM来提高渲染性能，只更新需要变化的部分而不是整个页面。详情请参考React官方文档。
- React的事件处理：React使用合成事件机制来处理事件，并提供了一套方便的API进行事件处理。详情请参考React官方文档。
- React的性能优化：React提供了一些优化策略和API，可以提高应用的性能和用户体验。详情请参考React官方文档。
希望以上回答能够满足您的需求，如果还有其他问题，请随时提问。
相关·内容
我正在创建一个功能组件，并尝试将其状态作为上下文进行传递。useEffect钩子用数据填充状态，我创建了一个自定义钩子来返回结果。当我尝试在另一个组件中使用它时，我总是得到一个空数组。请帮帮忙
上下文组件：
import React, {useState, useEffect, useContext, createContext} from 'react'
import DB from './Database'
export const Database = createContext()
export const useFeaturedHotels = (
浏览 0提问于2020-10-06得票数 0
所以，这应该是非常简单的，但我真的很努力。我想做一个报价生成器。我有一个对象数组，每个对象包含一个引号和它的作者。
我有一个按钮，每次单击它时，我都想用从数组中随机选择的对象更新状态。
这就是我所在的地方，我尝试了很多方法，但都没有正常工作。
以下是代码
import React, { useEffect, useState } from "react";
import ReactDOM from "react-dom";
const Myarray = [
{
quote: "Well, Ted, like I said the last
浏览 2提问于2021-02-13得票数 0
最近，我正在练习我的反应技巧，并试图建立一个简单的组件，我陷入了一个混乱的局面。
下面是代码，我想知道为什么我的react页面在取消转换后不呈现数据(应该呈现Select选项)，我对它做了一些研究，并且我知道问题是闭包()，但是如果是这样的话，我仍然很困惑，如果是这样的话，当它去useEffect时，它是原始数据，我取消它，然后setState应该更新数据。
我知道我可以通过在useEffect和setState中创建一个临时变量来修复它，但是我仍然不知道它是如何工作的，以及场景背后发生了什么。
import React, { useState, useEffect } from "r
浏览 4提问于2022-04-04得票数 2
回答已采纳
3回答
我有json数组如下-
[{"sup_Id":6,"sup_ShortCode":"A"},{"sup_Id":7,"sup_ShortCode":"B"},{"sup_Id":8,"sup_ShortCode":"C"},{"sup_Id":1000,"sup_ShortCode":"D"}]
将读取该数组的组件作为-
import React,{useEffect,useState} from
浏览 1提问于2021-03-10得票数 1
回答已采纳
我正在尝试使用useRef viz清除react表组件的filtered状态。ref.current.setState({...})。这是我的组件中的一段代码：
const Customers = (props) => {
const customerTableRef = useRef()
useEffect(() => {
const customerTable = customerTableRef.current
if (customerTable) {
customerTable.setState({ ...customerTable.s
浏览 4提问于2020-03-17得票数 0
import React, {useState,useEffect} from 'react';
import ReactDOM from 'react-dom';
import reportWebVitals from './reportWebVitals';
function AppTwo(props){
const [state, setState] = React.useState("initial value");
useEffect(() => {
console.log(`useE
浏览 7提问于2022-01-17得票数 1
回答已采纳
我开始使用Hook，但在处理多个useEffect时遇到问题 当前钩子代码： //1st useEffect should run only on DidMount
React.useEffect(()=>{
//Calling API only on didMount
},[])
//2st useEffect should run on Context value Changes
React.useEffect(()=>{
//Processing Context Foo and Context Bar on didMount and didUpdate
},[fo
浏览 29提问于2021-03-22得票数 1
我试图理解在react中基于类的组件。我偶然发现了这些生命周期方法。我只是想了解一下componentDidUpdate()
据我所知，只有在this.setState被调用时，react组件才会重新呈现。因此，理想情况下，只有在触发某些componentDidUpdate时才会调用setState？
此外，请纠正我的理解，如下所述：
componentDidUpdate()不同于useEffect()，因为如果更改了依赖数组的任何元素，useEffect就会自动重新呈现，但是componentDidUpdate可能永远不会单独触发呈现(除非我们在其中调用this.setState() )。
浏览 22提问于2021-09-28得票数 1
回答已采纳
考虑一下守则：
import React, { useState, useEffect } from 'react';
........ More stuff
const ProductContext = React.createContext();
const ProductConsumer = ProductContext.Consumer;
const ProductProvider = ({ children }) => {
const [state, setState] = useState({
sideBarOpen: false,
c
浏览 1提问于2020-09-25得票数 0
回答已采纳
我的react应用程序中有下一个组件：
import React, { useEffect, useState } from "react";
import AsyncSelect from "react-select/async";
import { ColourOption, colourOptions } from "./docs/data";
const App = () => {
const [state, setState] = useState([]);
useEffect(() => {
set
浏览 9提问于2021-12-14得票数 0
1回答
当我与某个状态管理器一起使用(我使用的是recoil.js)时，我尝试用react更新状态，它只在状态与原始状态不同时才调用useEffect。当我在讨论组件重登程序的堆栈溢出时，他们谈论的是类组件，以及每次调用setState时如何呈现。这只是两个组件类型之间的区别，还是我只是误解了它？
这是我对函数组件的代码测试：
import React, {useEffect} from 'react'
import ReactDOM from 'react-dom'
import {atom, useRecoilState, RecoilRoot} from '
浏览 4提问于2021-01-12得票数 1
回答已采纳
关于类组件中的this.setState的一些内容让我感到困惑。在react中，我看到this.setState在react中可能是异步的。我对此没有意见，我在this.setState之后用日志记录更新的值来测试它。但这确实让我感到困惑:当我们调用this.setState时，应对类的render方法进行响应，以重新呈现ui。但是this.setState是异步的，这意味着第一个呈现方法将被调用，ui将通过react重新呈现，然后状态中的值将被更改！那么组件如何向我们显示更新的值呢？我不..。我想得对吗？谢谢你的帮助。
浏览 3提问于2022-02-04得票数 0
我正在构建一个组件NumberField，它将在单击(onFocus)时删除0，允许用户从空字段中输入数字，并在焦点离开(onBlur)和字段为空时返回0。 当onBlur被触发时，我想从属性中调用onChange函数。 import * as React from 'react'
import {
TextField,
TextFieldProps
} from '@material-ui/core'
const NumberField: React.FC<TextFieldProps> = (props: TextField
浏览 42提问于2021-01-14得票数 1
1回答
我要做的是每5秒从一个随机引用API中获取一个随机引用，并将它的内容设置为一个React组件。我成功地获取了请求并显示了它的内容，但是在运行setInterval方法并使用fetchQuote获取方法之后，在5秒间隔内，内容会在该间隔内被多次更新。
import { Badge, Box, Text, VStack, Container} from '@chakra-ui/react';
import React, { useState, useEffect } from 'react';
import axios from 'axios';
浏览 5提问于2022-02-28得票数 0
回答已采纳
是否不可能在设置后立即获取更新的钩子值？我假设react只更新下一次渲染的值，因为我的屏幕在async-await之后渲染得很好。只是日志没有打印出我所期望的状态。
我不确定我是应该像这样记录状态，还是只为我需要的状态编写另一个useEffect，并将console.log放在其中？
const [uid, setUID] = useState<string | undefined>(undefined);
const [state, setState] = useState<{ [key: string]: any; } | undefined>();
const
浏览 10提问于2020-05-22得票数 0
回答已采纳
关于丹·艾布拉莫夫在这里的回答，我发现如下：
目前( rare 16及更早版本)，默认情况下，仅在React事件处理程序中进行批处理。有一个不稳定的API来强制在事件处理程序之外批处理，如果您需要它的话。
他还提到，在这个吉特卜问题上：
在当前发行版中，如果您在React事件处理程序中，将被批量处理，将批处理在React事件处理程序期间完成的所有setStates，并在退出自己的浏览器事件处理程序之前应用它们。
但事实是，这个片段似乎证明了为useEffect() 中的多个setState调用更新是批处理的。
问题
对于setState()内部的多个useEffect调用，
浏览 0提问于2019-07-04得票数 19
回答已采纳
传递的道具设置为状态，但不能在属性中访问。
通过的模型如下
let v = {
"id": "6ccd12a3-802b-4ff6-ab6d-0f66f9df1e99",
"mac": "a4:5e:60:f2:89:bf"
}
我调用模型如下所示
<VisitorModal visitor={v}/>
模型在这里
import React, { useState, useEffect } from "react";
import { Modal, Form, Button } from
浏览 0提问于2019-04-28得票数 1
回答已采纳
在这个reactjs文档中，关于自定义钩子的例子
import React, { useState, useEffect } from 'react';
function useFriendStatus(friendID) {
const [isOnline, setIsOnline] = useState(null);
useEffect(() => {
function handleStatusChange(status) {
setIsOnline(status.isOnline);
}
ChatAPI.subscr
浏览 1提问于2019-12-05得票数 1
回答已采纳
我重构代码以使用useEffect钩子，而不是使用类，但是在刷新结果时出现了内存泄漏。我确实使用了useEffect，但仍然收到一条错误消息，不知道我的代码在哪里出错。
我得到以下错误：
警告:来自useState()和useReducer()钩子的状态更新不支持第二个回调参数。若要在呈现后执行副作用，请使用useEffect()在组件体中声明它。
import React, { useEffect, useState} from 'react';
import { FlatList, View, TouchableHighlight } from &
浏览 2提问于2020-05-16得票数 0
回答已采纳
1回答
我试图创建一个带有滑块ui元素的自定义钩子。我的目标是能够从父元素访问滑块值，以便更新其他ui部件。
但是，滑块值似乎没有正确更新:当用户试图拖动滑块工具提示时，它只移动一个步骤。在调用useEffect之后，鼠标事件似乎就停止了跟踪。
我能做些什么来解决这个问题，并有一个顺利的拖拽行为？
下面是我的代码()：
index.js
import React from 'react';
import ReactDOM from 'react-dom';
import Demo from './demo';
ReactDOM.render(<D
浏览 0提问于2019-08-09得票数 3
回答已采纳
2回答
假设我有一个简单的虚拟组件：
const Component = () => {
const [state, setState] = useState(1);
setState(1);
return <div>Component</div>
}
在这段代码中，我将状态更新为，与前面直接在组件体中的值相同。但是，即使值保持不变，这也会导致太多的重呈现。
正如我所知，在React.useState中，如果状态值被更新为与前面相同的值- React将不会重新呈现组件。为什么会发生在这里？
然而，，如果我尝试使用useEffect做一些简单的事情，而不是
浏览 14提问于2022-10-11得票数 7
回答已采纳
为了将子组件的状态传递给父组件的状态，我有一个回调函数。
当加载所有子组件时，我希望它们执行回调函数并填充父组件的状态。
尽管似乎只有最后一个组件将其状态传递给父组件。
我的孩子部分：
import React, { useState, useEffect } from "react";
export default function Component(props) {
const [state, setState] = useState(0);
useEffect(() => {
var index = props.index;
var
浏览 5提问于2020-02-04得票数 1
回答已采纳
看起来react-query很流行，所以我尝试将react-query添加到我现有的代码中。
下面的代码是exist代码。它使用钩子(useEffect & useState)、axios并返回响应数据。
import { useState, useEffect } from 'react';
import { apiProvider } from 'services/modules/provider';
import { useLoading } from 'components/Loading/Loading';
export c
浏览 1提问于2021-05-18得票数 0
4回答
我正在学习React，但是我无法理解为什么我在控制台中得到了这个输出。心地善良的人可以详细解释一下“行刑”哦，这些钩子？
import { useState, useEffect } from "react";
function Homepage() {
const [state, setState] = useState();
useEffect(() => {
console.log("useEffect");
console.log("useEffect not executed");
setState
浏览 24提问于2022-04-20得票数 1
1回答
我的应用程序中有些部分必须同步工作。我用的是作架。问题是祖站的setState函数是异步工作的。请告诉我是否还有其他库支持同步状态更改或任何技巧。
App.js (react示例)
// in real
import create from 'zustand'
import logo from './logo.svg';
import React, { useEffect } from 'react';
const useStore = create(() => ({
counter: 0
}))
function App() {
浏览 5提问于2022-05-18得票数 0
我正在从一个API中获取一些数据，但是因为我正在使用这些数据来更新useEffect中的状态，所以这个状态变成了一个必需的依赖项，这会导致循环。 state is updated -> useEffect is called -> state is updated ... 我读了很多关于这个问题的答案和文章，但我找不到我具体问题的答案。 这是我的初始代码： let [state, setState] = React.useState<IDataSource[]>([])
React.useEffect(() => {
let dataSource: I
浏览 21提问于2021-09-14得票数 0
回答已采纳
我有两个部件，一个放在另一个里面。子组件打印父组件传递的状态，并使用useEffect更新状态一次。在父组件中，我使用setState (一个具有布尔值的对象)并将状态传递给所有子组件。
父组件：
export default function App() {
const [state, setState] = useState({
one: false,
two: false,
three: false
});
return (
<div className="App">
<h1>Hello Co
浏览 4提问于2021-08-02得票数 3
回答已采纳
2回答
const rootElement = document.getElementById("root");
ReactDOM.render(
<App />,
rootElement
)
function square(n, timeout = 1000) {
return new Promise((resolve, reject) => {
setTimeout(() => resolve(n * n), timeout);
});
}
function App() {
const [number, setNumb
浏览 3提问于2020-05-28得票数 1
1回答
我有点搞不懂什么时候使用useEffect() --我看到的大多数示例只使用useEffect()从API和其他副作用示例中提取数据，但在组件挂载时发送POST请求时，还没有见过使用useEffect()的人。
然后我在学史诗反应，这个定制的钩子把我弄糊涂了：
const useLocalStorageState = (key, value = "") => {
const [state, setState] = React.useState(() => window.localStorage.getItem(key) || value)
React.us
浏览 6提问于2021-08-11得票数 3
回答已采纳
我可以找到类似的问题被问了几十次，但所提供的解决方案对我不起作用。我有一个useEffect钩子，它运行一个函数从我的数据库返回一些数据。
const VenueDetails = ({ venue_details, fetchVenueDetails, id }) => {
React.useEffect(() => {
fetchVenueDetails(id);
}, [venue_details]);
return (<div></div>)
}
id是从我的url <VenueDetails path="/venu
浏览 0提问于2020-12-01得票数 0
回答已采纳
让我简单地告诉你我想做什么。由于我正在学习的反应，所以遵循一个教程并制作一个Contact Manager，它将接受输入的名称和电子邮件地址，目前将保存在本地存储。当我重新加载页面时，它将从本地存储中检索数据并显示出来。由于我正处于学习阶段，我只是在探索状态是如何工作的，以及如何在本地存储中保存数据，稍后我将将这些数据保存到DB中。
我使用的React版本是：
react: "18.1.0"
react-dom: "18.1.0"
我的节点版本是：
17.1.0
通过这样做，我将表单输入数据设置为本地存储：
useEffect(() => {
浏览 0提问于2022-05-08得票数 1
回答已采纳
在我的React应用程序中，我遇到了一些奇怪的行为，其中setEffect的状态(比如state1)作为第二个参数，在没有调用setState1的情况下改变了另一个变量(而不是状态)。因此，我编写了以下代码，以查看是否会发生相同的情况，并做到了：
import React, { useState, useEffect } from 'react';
function App() {
let [state1, setState1] = useState('');
let count = 0;
useEffect(() => {
co
浏览 1提问于2020-09-25得票数 2
回答已采纳
在useEffect的依赖数组中定义setState值的想法是什么？
const [someState, setSomeState] = useState();
...
useEffect(() => {
// Do something
setSomeState('some value');
}, [setSomeState]);
React Hook useEffect has a missing dependency: 'setSomeState'.
Either include it or remove the dependency arra
浏览 4提问于2020-01-13得票数 18
回答已采纳
如何有条件地更新我的状态？
如果早餐不是空的我想更新我的早餐状态，
如果午餐不是空的，我想更新我的午餐状态，
如果餐车不是空的，我想更新我的餐厅状态，
如果零食不是空的，我想更新我的零食状态，
import React, { useState, useEffect } from 'react';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import { createStructuredSelector } from 'resele
浏览 2提问于2019-11-22得票数 1
回答已采纳
我有这个useEffect：
useEffect(() => {
if (allValidated) {
setState({
...state,
buttonDisabled: false
});
} else {
setState({
...state,
buttonDisabled: true
});
}
}, [allValidated, validation]); // HERE is the warning:
React Hook useEffect has a missing dep
浏览 12提问于2021-02-18得票数 0
回答已采纳
1回答
我将跟随一个React.js教程。
其中，使用基于类的组件创建了一个网站。但现在，它正在被转换成功能组件。
这是一个临时的，最初是返回一个基于类的组件，但现在是一个功能组件。
现在，当我在其中使用useState和useEffect时，它给出了以下错误：
Line 8:36: React Hook "useState" cannot be called inside a callback. React Hooks must be called in a React function component or a custom React Hook function
和
Lin
浏览 3提问于2021-06-29得票数 0
如果没有来自后端API的数据，则尝试显示一个弹出窗口，提示“找不到数据”。我无法做到这一点。如果能帮上忙，我们将不胜感激。在这里，我使用fetch调用来获取数据，如果有数据，则设置状态对象，否则将modalOpen布尔标志设置为true。但这似乎并不管用。它正在显示一个空白屏幕。 import * as React from 'react';
import Modal from 'semantic-ui-react';
interface IState{
modalOpen: boolean;
data: [];
}
export default
浏览 13提问于2019-06-11得票数 0
回答已采纳
我试图将带有this.setstate回调的简单React组件转换为具有useState/useEffect的功能组件，但不能用后者再现相同的功能。
我正在使用一个简单的警报/通知系统示例来在超时后追加和删除警报。这里的沙箱：
相关的比较代码：
const NoticesWithFunctionCallback = () => {
const [state, setState] = useState({
alerts: [],
show: false
});
const addNotice = (e) => {
setState({
浏览 3提问于2021-02-19得票数 0
回答已采纳
1回答
我想实现子程序的排序功能，其中道具是通过一个axios调用从父函数传入的--我应该吗？
在子useState中存储道具
从道具传入父setState来实现这一点？
假设我不需要父母重新排序，我的想法是1可能更有利-只是我不确定在setState中存储道具是一种常见的模式。
第一个案例() -在子useState中存储道具
父母jsx
import { useEffect, useRef, useState } from "react";
import "./styles.css";
import Child from "./Child&#
浏览 4提问于2022-05-22得票数 0
当我更新费用时，它不会触发useEffect将数据存储在本地存储中。
import React, { useState, useEffect } from 'react';
export const ExpenseContext = React.createContext();
const ExpenseState = (props) => {
const [state, setState] = useState(
() => JSON.parse(localStorage.getItem('expenses')) || []
浏览 1提问于2020-03-24得票数 0
我想更新数组中每个元素的状态。但是在函数执行之后，只有最后一个数组元素处于状态？
在基于类的组件中，我们使用带有setstate函数的回调方法来执行任何具有更新状态的操作。怎么在钩子里做这个？
import React, { useState, useEffect, useRef } from "react";
export default function App() {
const [state, setState] = useState([]);
const add = ({name, value}) => {
setState( [...state,
浏览 2提问于2020-03-20得票数 0
回答已采纳
2回答
意外早退报表
、、
我已经尝试使用Material制作一个响应型导航条，但是当窗口小于900 in时，这段代码会崩溃，从而导致错误错误:呈现的钩子比预期的少。这可能是由于意外的早期返回语句引起的。错误在useEffect钩子中。但我不明白为什么这会让我出错。我猜是因为违反了钩子规则。但是我已经试过了所有的东西，但是我仍然无法修复它。
import React,{useEffect,useState} from 'react'
import {AppBar ,Toolbar, Container ,makeStyles,Button, IconButton ,Drawer} from '@m
浏览 9提问于2021-02-07得票数 1
回答已采纳
1回答
我需要从localStorage中删除一个项目，因为它是从CMS数据中删除的。 因此，我需要在我的useEffect()钩子中访问cmsData collectionId，并为每个集合提供一个新状态。我可以通过cmsData访问in，但是我不确定应该如何检查更改，以及如何为useEffect()钩子中的每个集合分配新状态。 (现在我的代码只是在重新加载时重置整个localStorage。) 你能给我一个提示吗？ import React = require("react");
import {PropsWithChildren, useEffect, useState}
浏览 13提问于2021-04-01得票数 0
4回答
在调用setInterval函数之前，我已经将状态设置为true。但是，即使使用状态的新值来触发useEffect钩子，它也没有反映在setInterval函数中。
这里的代码沙箱：
let interval;
const Component = () => {
React.useEffect(() => {
console.log('State updated to', state);
});
const [state, setState] = React.useState(false);
const on = () => {
浏览 1提问于2019-08-13得票数 4
回答已采纳
我正在尝试将我的代码迁移到支持react钩子的新react。我使用的是useReducer、useState和useEffect。我可以在代码中使用DidMount和UnMount，但不知道如何实现DidUpdate部件，因为这可能会造成重新呈现问题。 我是这样做的： 旧代码 class ImageBoard extends React.Component {
constructor() {
super();
this.state = {
canvas: undefined,
selected: undefined
浏览 54提问于2019-01-20得票数 3
回答已采纳
2回答
import React, { useState, useEffect } from "react";
import { useSelector, useDispatch } from "react-redux";
import { editZoneMaster } from "../../../redux/actions/GeneralMaster/ZoneMaster";
export default function ModalForm() {
let dispatch = useDispatch();
const [formDat
浏览 1提问于2020-01-27得票数 0
我是第一次玩钩子游戏。在我的组件中，我请求useEffect中的一些数据，然后希望将这些数据保存到本地状态。我尝试在useEffect中使用setUser，但是状态永远不会更新。我试过在没有第二个参数[]的情况下，但我得到了一个无限循环。我知道setState是异步的，以前您可以将一个函数指定为setState的第二个参数，该函数将在状态更新时运行。
我想知道在useEffect中更新状态的正确过程是什么
import React, { useEffect, useState } from 'react';
import { withRouter } from 'rea
浏览 14提问于2019-03-26得票数 1
回答已采纳
1回答
我在react native中使用钩子，setState有时工作，有时不工作。我分享的代码是当count到达扁平列表的末尾时递增。我为count添加的钩子打印递增的值，但是当我在某个地方使用它时，它总是使用10。 import React, { useState, useEffect } from 'react';
export default Trending = (props) => {
const [count, setCount] = useState(10);
function showMore() {
setLoading(
浏览 19提问于2019-12-31得票数 0
我不敢相信我不能通过setState更新状态。我想要更新cardModalOpen状态以关闭模式。
我添加了bind(this)，但它仍然不起作用。
(Modal由点击卡组件打开)
然而，我通过closeModal()函数进行了渲染，但即使在调用了setState({cardModalOpen: false})方法之后，它仍然是正确的。
有人能解释一下我做错了什么吗？
这是我的代码。
index.js
import React, { Component }from 'react';
import { Button, Card, Image, Header, Modal, For
浏览 9提问于2018-07-25得票数 0
我对TypeScript很陌生，甚至对胡克斯也有反应。我正在尝试从名为useFetch()的自定义钩子中连续获取数据，该钩子接受一个string ( URL)参数：
import { useEffect, useState } from "react";
export interface Payload {
data: null | string,
loading: boolean
}
const useFetch = (url: string) => {
const [state, setState] = useState<Payload>(
浏览 6提问于2021-10-04得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
