最佳实践:在设置加载状态时反应useEffect挂钩依赖关系
最佳实践：在设置加载状态时反应useEffect挂钩依赖关系
答：在React中，useEffect是一个用于处理副作用操作的钩子函数。它允许我们在函数组件中执行异步操作、订阅事件、手动更改DOM等操作。在使用useEffect时，我们通常需要指定一个依赖数组，用于确定何时重新运行effect。
当我们在设置加载状态时，我们可以利用useEffect挂钩的依赖关系来反应加载状态的变化。具体实现步骤如下：
- 导入useState和useEffect钩子函数：
import React, { useState, useEffect } from 'react';- 在函数组件中定义加载状态和设置加载状态的函数：
const ExampleComponent = () => {
const [loading, setLoading] = useState(true);
const setLoadingState = (value) => {
setLoading(value);
};
// useEffect钩子
useEffect(() => {
// 在此处执行异步操作或其他副作用
// 根据异步操作的状态设置加载状态
setLoadingState(false);
}, []);
return (
<div>
{loading ? '正在加载...' : '加载完成'}
</div>
);
};- 在useEffect的依赖数组中传入空数组
[]，确保effect只会在组件挂载时运行一次。这样，我们可以在加载完成后设置loading状态为false。
在这个示例中，我们通过useState定义了一个loading状态和setLoading函数，用于控制加载状态的改变。在useEffect中，我们可以执行异步操作，并在异步操作完成后通过setLoading函数将loading状态设置为false。
这样，我们就可以根据加载状态来决定显示不同的内容，实现在设置加载状态时反应useEffect挂钩的依赖关系。
推荐的腾讯云相关产品和产品介绍链接地址：
- 云开发（云函数、数据库、存储）：https://cloud.tencent.com/product/tcb
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云CDN（内容分发网络）：https://cloud.tencent.com/product/cdn
- 腾讯云安全产品（云安全中心、Web应用防火墙）：https://cloud.tencent.com/product/safety
相关·内容
在使用React.js时，我有一些问题。假设我们有那些useEffect，在某些a.jsx中具有相同的依赖关系。
// a.jsx
const Main = () => {
useEffect(() => {
console.log(1);
}, []);
useEffect(() => {
console.log(2);
}, []);
return <p>asdf</p>
}
在b.jsx中，我将函数集合为一个useEffect，如下所示：
//b.jsx
const Main = () => {
浏览 0提问于2021-12-03得票数 2
回答已采纳
我是一个反应新手，使用类型记录反应我的项目。我正在尝试使用Socket.IO-client连接到我的Socket.IO烧瓶服务器。
我的服务器只会发出最新的信息，例如第一次发射:第二项.
我的React将显示之前和最新信息的细节。我已经将数据获取的代码放到了useEffect钩子中。然而，它表明
React缺少一个依赖项：“提取数据”。要么>包含它，要么删除依赖数组。您还可以执行函数>更新'setFetchedData(f => .)‘如果您只需要>“setFetchedData”中的“fetchedData”，则调用react/fetchedData
浏览 1提问于2020-04-28得票数 0
我试图理解为什么下面的useEffect在无限循环中运行。我创建了fetchSchedule助手函数来调用getSchedule服务(使用Axios查询getSchedule端点)。我没有在useEffect钩子中定义这个函数的原因是，每当调用onStatus函数(在单独的端点上切换布尔PUT请求)时，我也想要调用它。
eslinter要求将fetchSchedule添加到依赖项数组中，这似乎会触发无限循环。
它的工作方式是在第一次呈现时从数据库中获取数据，然后每次更新value支柱或切换onStatus按钮。
到目前为止，我的研究似乎指出，这可能与useEffect使用异步函数和闭包的行为方
浏览 0提问于2021-01-18得票数 2
回答已采纳
1回答
React缺少一个依赖项
、、、、
我有这个问题来构建我的应用程序。有人知道是怎么回事吗？
React缺少一个依赖项：“conectar”。要么包含它，要么删除依赖数组react/react。
const GraficoEquivalenteNovo = props => {
const [equivalenteNovos, setEquivalenteNovos] = useState([]);
const [data, setData] = useState([]);
async function conectar() {
const resposta = await ConexaoGraf
浏览 1提问于2019-06-10得票数 2
回答已采纳
嗨，我是新的反应和Firebase，我想了解为什么这个组件不断重新渲染。基本上，我想要做的是获取数据并显示它，继续监听更改并更新数据，而不需要重新加载页面 import React, { useState, useEffect } from 'react';
import firebase from '../util/firebase';
export default function Items() {
const [items, setItems] = useState();
useEffect(() => {
let data =
浏览 14提问于2020-05-02得票数 1
回答已采纳
2回答
Http请求被多次执行。
、、、
当我尝试执行以下反应代码时，axios.get()执行了多次。我已经附上了日志的截图。。有人能帮我一下吗。
const CaskList = () =>{
const [casklist,getCaskList] = useState('');
const [searchCaskName, getCaskForSearch] = useState('');
const [searchResultCaskName, setSearchResultCaskName] = useState('');
const
浏览 2提问于2021-07-25得票数 0
回答已采纳
下面是我的组件函数： function RosterRows(props){
const [rosterList,setRosterList]=useState({});
const getData=async ()=>{
let roster=new Roster();
let rosterData=await roster.get(props.rosterYear,props.rosterMonth);
setRosterList(rosterData);
}
useEffect(()=>{
浏览 105提问于2020-12-01得票数 1
回答已采纳
我试着在FlatList中使用FlatList
如果我没有数据，我想显示ListEmptyComponent={}
但是，在Loadingsecoend组件中，当加载为true，而2秒后没有数据时，我使用useEffect呈现，即当加载为false时，尝试呈现。但是如果我使用这个代码，这个错误就会发生
state update on an unmounted component. This is a no-op, but it indicates a
memory leak in your application. To fix, cancel all subscriptions and
浏览 3提问于2021-03-10得票数 1
回答已采纳
2回答
我正在自学React Hooks，我想在用户在搜索框中键入内容时更新API调用。一种实况搜索。我知道这个事件只在页面加载时触发，但是我该如何解决这个问题呢？ 示例如下：https://codesandbox.io/s/6x1xp57zmk import React, {useState, useEffect} from 'react';
function App() {
const [cardNames, setCardName] = useState([])
const rezCards = async () => {
//const rez =
浏览 25提问于2019-04-22得票数 0
回答已采纳
我们已经可以通过使用ref和useEffect来检测维度的变化：
useEffect(() => {
console.log("height changed to", ref.current?.clientHeight)
}, [ref.current?.clientHeight])
我想知道ResizeObserver相对于ref + useEffect方法的优势是什么？鉴于ResizeObserver自2018年以来就已经在那里工作了一段时间，我很惊讶没有关于这方面的在线讨论。我可以看到，如果您使用Vanilla，那么ResizeObserver可能是获得动态高度
浏览 18提问于2022-10-19得票数 1
回答已采纳
我创建了一个自定义钩子，该钩子根据不同类型的数据维护状态，如下所示：
import { useState, useRef, Dispatch } from 'react';
function useBackedState<TData, TBacking>(initialData: TBacking, converter: (backing: TBacking) => TData):
[
state: TData,
getBackingData: () => TBacking,
setData: Dispatch<TBacking>
浏览 7提问于2022-08-20得票数 0
回答已采纳
假设我设置了这样的状态
const [register, setRegister] = useState(false)
useEffect((=> {
setRegister(true)
},[register or setRegister])
使用寄存器或setRegister有什么不同？如果我想依赖于这种状态的改变，我会用哪种？谢谢
浏览 3提问于2020-09-07得票数 0
回答已采纳
1回答
我试图让热重载与react 16.9.0和redux 7.1.1一起工作。
这是我的代码，我希望加载数据(在useEffect()中回调)只调用一次：
function Sidebar() {
const dispatch = useCallback(useDispatch(), []);
useEffect(() => {
console.info('useEffect');
dispatch(loadFields());
}, [dispatch]);
...
}
尽管使用useCallback()回忆录函数，但当我将更改保存到另一个
浏览 2提问于2019-10-14得票数 3
因此，我尝试使用Effect从redux传递组件，下面是我的代码：
const initState = {
newAttribs: { ...props.state.Auth },
};
const [userList, setUserList] = useState(initState);
useEffect(() => {
setUserList({ ...userList, newAttribs: { ...props.state.Auth } });
}, [props.state.Auth]);
console.log("use
浏览 7提问于2022-11-23得票数 1
回答已采纳
1回答
问题:在启动时，在显示启动屏幕后，列表屏幕显示所有用户。当首次加载应用程序时，将调用useEffect()，但状态更新不会导致重发。但是，只有在启动时才会发生这种情况，如果我在另一个屏幕上导航并返回到它，那么每一件事情都会发生。
const fetch = async () => {
useStore.setState({ allUsers: await getAllUsers() });
};
useEffect(() => {
fetch();
}, []);
我的作品店的定义如下：
type Store = {
allUsers: User[];
浏览 5提问于2022-08-16得票数 0
我的工作是一个反应组件，填充一个“选择”菜单下拉列表的国家。我正在尝试使用"useEffect“挂钩来实现第一个加载。
这就是我要做的。我得到了“选择”菜单的引用：
let countryMenu = document.getElementById("countryList");
let cityMenu = document.getElementById("cityList");
然后，foreach循环获取国家的名称，并将它们附加到菜单中。这发生在"useEffect“中。
useEffect (()=>{
浏览 0提问于2022-08-21得票数 0
回答已采纳
考虑以下反应部分：
interface Props {
cpi: number;
onCpiChange: (value?: number) => void;
}
const Assumption: FunctionComponent<Props> = (props: Props) => {
const [cpiValue, setCpiValue] = useState<number>();
useEffect(() => {
if (props.cpi != cpiValue) {
浏览 6提问于2021-06-03得票数 1
回答已采纳
即使链接必须将" to“属性设置为正确的路由，但单击时也不会加载。另一条反应路由-路由器被加载在它的位置。
这是代码：
App.js
const [isLoggedIn, setIsLoggedIn] = React.useState(false);
// useEffect to stop infinite looping problem with state
React.useEffect(() => {
const loggedInInfo = localStorage.getItem("isLoggedIn");
if (
浏览 1提问于2022-08-28得票数 2
回答已采纳
2回答
我目前正在构建一个与TypeScript反应的web应用程序。我正在尝试获取一个定制的API。然而，他们中的许多人正在回归。在将它们存储在状态后，如何访问整个API来对它们进行过滤？
import React, { useEffect, useState } from "react";
import axios from "axios";
interface Invoice {
id: number;
customer_id: number;
customer_name: string;
date: string;
total_invoic
浏览 2提问于2021-06-29得票数 1
回答已采纳
1回答
在我的应用程序中，我在点击一个更改endpoint状态的按钮后，从API中获取数据。在获取数据之前，我希望显示一个加载图标。经过多次测试，我终于开始工作了。看上去是这样的：
const [endpoint, setEndpoint] = useState('products');
const [loading, setLoading] = useState(true);
const [data, setData] = useState([]);
useEffect(() => {
setLoading(true);
fetch(`/ap
浏览 4提问于2022-05-13得票数 1
我试图用API制作一个ip跟踪器。我使用表单输入和useState从用户那里获取一个值并将其分配给API.I值。我使用一个自定义的useFetch钩子从状态中获取数据。我希望useFetch只在表单提交时运行，或者提交按钮为clicked.But，它最初呈现为null，每次输入时呈现为null。我是新的反应和学习从scratch.please指出我的错误。
这里是我的useFetch钩子：
import { useState, useEffect } from 'react';
export const useFetch = (url, optio
浏览 1提问于2021-05-21得票数 0
2回答
请不要认为这是重复的。我已经搜索了许多博客和资料，但还没有找到解决办法。
首先，我的问题是“如何解决在未挂载的组件错误中响应状态更改，并取消在useEffect钩子中导入的异步函数调用？”
我知道，您可以通过在useEffect中使用清理函数来解决“在未挂载组件中更改的状态”错误。在useEffect钩子中异步调用的情况下，您可以执行clearTimeout，对Axios使用cancel令牌，创建isMounted状态来标记挂载/卸载状态，等等。因此，至少我知道如何屏蔽反应警告。
但是，我的老板不仅要隐藏警告，还要取消异步请求。以下是代码的简化版本。
import { fetchFunctio
浏览 2提问于2022-04-01得票数 0
回答已采纳
4回答
我的组件上有一个useState钩子，它看起来像这样：
const [scoutMode, setScoutMode] = useState("camp");
const [bottomLinks, setBottomLinks] = useState([]);
useEffect(() => {
if (scoutMode == "weeklyProgramme") {
setBottomLinks([
{
name: "Tasks",
link: "/tasks"
},
{
浏览 1提问于2021-01-04得票数 0
我使用axios库通过json-server从json文件中获取数据。当我在单个组件中加载和使用response对象时，它工作得很好。但是，当我将这个响应对象从父组件传递给子组件时，它并没有加载数据。也没有收到任何错误，有人能帮我了解其中的区别以及我的方法有什么问题吗？
//Scenario-1 : working perfectly fine:
import React, { useState, useEffect } from 'react';
import Display from './Display';
import Note from '.
浏览 12提问于2019-11-21得票数 0
回答已采纳
我有以下代码。其思想是为模拟组件创建一个简单的加载
const [loading, setLoading] = useState(false)
function mockLoading () {
setLoading(true)
console.log('1', loading)
setTimeout(() => {
setLoading(false)
console.log('2', loading)
}, 3000)
}
useEffect(() => {
mockL
浏览 16提问于2019-11-06得票数 2
回答已采纳
我正在努力学习与自定义钩子在反应-本地。我使用AWS放大器作为我的后端，它有一种获取认证用户信息的方法，即Auth.currentUserInfo方法。但是，它返回的是一个对象，我想做一个自定义钩子，以两者都返回我需要的对象的部分，并将代码的这一部分从可视化部分中抽象出来。我有一个名为App的组件，还有一个名为useUserId的自定义钩子。它们的代码如下：
useUserId钩：
import React, { useState, useEffect } from "react";
import { Auth } from "aws-amplify";
co
浏览 6提问于2021-12-29得票数 1
回答已采纳
3回答
我正在用反应钩做倒计时器。然而，我的倒计时计时器没有正确地停止在0。我想我可能在这里误用了useEffect()。
如何触发else条件？
而且，考虑到我的实现，哪些部分的反应可能不够好？
const App = () => {
const [seconds, setSeconds] = useState(5);
// useEffect is called
useEffect(() => {
if (seconds > 0){
setInterval(() => setSeconds((oldSeconds) => oldS
浏览 6提问于2021-06-10得票数 0
回答已采纳
1回答
什么是最佳的Reactjs路由器登录实践，它允许在呈现之前检查登录状态，并在发生更改时重新进行重新命名
我尝试使用useState和useEffect，并将loggedIn (状态)作为道具传递，但是它在设置状态之前呈现，所以我必须刷新页面才能得到更新。
function App() {
Axios.defaults.withCredentials=true
const [loggedIn, setLoggedIn] = useState(false)
useEffect(()=>{
checkLoginStatus(
浏览 0提问于2020-11-21得票数 0
回答已采纳
问题描述
我正在使用制作一个播放列表播放器，当单击下一个/前一个按钮以更改为下一首歌曲时，会遇到一个问题。使用useEffect钩子成功地获取了初始歌曲，但是当在下一个/前一个按钮中执行onClick()方法时，我不知道如何再次调用这个钩子。
目前，“播放/暂停”按钮工作正常，但下一个/前一个按钮仅在涉及{play/暂停/前一个/下一个}}按钮的特定单击顺序下工作。考虑到我的useEffect挂钩似乎是错误的，这是意料之中的。
JSFiddle (无法插入堆栈溢出JS/HTML/CSS )
Playlist.tsx
import react, { useState, useEffect }
浏览 2提问于2021-09-03得票数 0
回答已采纳
我不确定为什么我会得到这个错误，我一直在网上寻找答案，但我似乎找不出它。错误来自于当我试图改变状态变量的状态时，按下了'Enter‘键。我仍然是一个新的反应，所以任何帮助都将非常感谢！
以下是错误消息
Error: Too many re-renders. React limits the number of renders to prevent an infinite loop.
20 |
21 | case "Enter":
22 | if(timerState === false){
> 23 |
浏览 0提问于2021-11-03得票数 0
2回答
我有一个react组件，比方说: app.js (父组件)，它有一个呈现react引导模式组件的子组件。父组件使用react钩子从redux获取数据，如下所示： useEffect(() => { props.dispatch(actions.loadAll());},[]); 然后传递数据以在我的模态组件中显示。我正在处理具有"show“和"onShow”状态的模式可见性。有没有什么办法，我可以避免在我的父组件中加载数据，而只在模式组件加载并在那里显示数据后才加载？如有任何建议，我们将不胜感激。
浏览 28提问于2020-04-24得票数 4
回答已采纳
1回答
当我从单个useEffect调用API时，它工作得很好。但是，当我试图从同一个组件中的另一个useEffect调用另一个API时，它会显示一个。
如果可能的话，请看一下我在上的项目。
import React, { useEffect, useState } from 'react';
import { Container, Row, Col } from 'react-bootstrap';
const TeacherDashboard = () => {
// console.log(props)
const [appointment
浏览 2提问于2020-06-05得票数 1
回答已采纳
我已经看到一些答案说，要只运行useEffect一次，就必须给出一个空列表作为第二个参数。这是我的密码
const history = useHistory();
useEffect(() => {
console.log('hi')
firebase.auth().onAuthStateChanged((user) => {
if (user)
history.push('/')
})
},[])
首先，linter告诉我'React‘缺少一个依赖项：“历史”。要么包含它，要么
浏览 1提问于2020-01-09得票数 0
回答已采纳
我需要访问useEffect中的变量，但只有在某些变量得到更新时才会触发该方法。
例如：
我想在useEffect更改时调用data，而不想在saveTimeout或saveMethod更改时调用。
以同样的方式，我想在组件卸载时调用saveMethod，但我不能这样做，因为它需要在依赖数组中，因此在saveMethod每次更改时都调用它。
function SavingComponent({data, apiInfo}){
[saveTimeout, setSaveTimeout] = useState(null);
const saveMethod = useCallBa
浏览 1提问于2020-05-11得票数 1
回答已采纳
我是新的反应-本地人，并跟随在一个课程的反应-本土。这个git集线器链接到我的存储库，代码有我在下面的问题中描述的问题(无限循环)。我花了12+几个小时来想办法解决这个问题。如果可以的话请帮我弄清楚。
以上图片目录：'src/features/restaurants/components/search.components.js‘
useEffect(() => {
search(searchKeyword);
}, []);
上面的代码创建了一个反馈循环，该循环使应用程序不断地从模拟api中获取信息，返回位置信息，加载到屏幕，然后快速重新加载ad infin
浏览 4提问于2022-04-16得票数 0
回答已采纳
1回答
我使用axios通过REST从save.json文件中获取信息。
问题是，我似乎无法将结果返回到代码顶部的“任务”中。我不知道在我的代码中应该把它放在哪里，我也不知道该写什么。我希望你有一些建议或解决方案。
这是我要获取的代码：
export default function Tasks() {
let [tasks, setTasks] = useState([
{
content: 'Example',
}
]);
useEffect(() => {
axios.get('http://localhost:
浏览 4提问于2019-11-08得票数 0
回答已采纳
我偶然发现了一个对我来说很奇怪的问题，但很可能很容易解释。
演示
让我们假设下面的React组件
import React, { useState, useEffect, useCallback } from "react";
export default function App() {
const [test, setTest] = useState();
const doSomething = () => {
// TODO: Why does this returns the inital state value? Hoisting?
c
浏览 1提问于2020-12-08得票数 0
回答已采纳
我试图使用useEffect (因为函数是异步的)在函数反应组件中获取数据，并计算并返回在该组件中获取的h2标记中的数据。但是，当在另一个组件(App.js)中按enter键时，我想获取数据。我有一个enter键处理程序，它调用一个useState，我认为它应该重新呈现该组件，但是由于useEffect在另一个组件中，所以我没有按照我的意愿得到useEffect的调用。按Enter键并在另一个组件中运行useEffect的最佳方法是什么？
function handleKeyDown(event){
if(event.key === 'Enter'){
//this se
浏览 13提问于2022-08-05得票数 0
告诉我为什么页面上的重新呈现在用户状态更改再次单击页面之后不能工作，而不是立即。
useEffect(() => {
const sortfdb = Datadb.sort((a,b) => b.count - a.count);
console.log(sortfdb)
setDatadb(sortfdb);
console.log(Datadb)
},[Datadb])
我在页面上有一个字段，我将添加一个数字，它写到useState([])，当更改useState时，它应该对它们进行排序。但这不会发生的。只有当我加一个新的数字时才会发生这
浏览 21提问于2022-06-01得票数 2
回答已采纳
最近，我正在练习我的反应技巧，并试图建立一个简单的组件，我陷入了一个混乱的局面。
下面是代码，我想知道为什么我的react页面在取消转换后不呈现数据(应该呈现Select选项)，我对它做了一些研究，并且我知道问题是闭包()，但是如果是这样的话，我仍然很困惑，如果是这样的话，当它去useEffect时，它是原始数据，我取消它，然后setState应该更新数据。
我知道我可以通过在useEffect和setState中创建一个临时变量来修复它，但是我仍然不知道它是如何工作的，以及场景背后发生了什么。
import React, { useState, useEffect } from "r
浏览 4提问于2022-04-04得票数 2
回答已采纳
const fetchUsers = async () => {
const result = await axios.get(
`http://localhost:3001/get_users/per_page/10/page_number/0`
);
setUsers([...users, ...result.data.users]);
setListUsersQueryState("complete");
};
useEffect(() => {
fetchUsers();
}, []);
浏览 10提问于2019-08-13得票数 0
我是新来的钩子，并遇到了一些案件，一直让我追逐我的尾巴。
希望有人能解释或提供对我有意义的解决方案：
仅在组件的挂载上加载一次方法是令人困惑的。我试过这个方法，它很有效，但我不明白。有人能给我解释一下吗：
const useMountEffect = fun => useEffect(fun，[]) useMountEffect(() => { if (!isEdit) handleAddRow() }) const handleAddRow = () => { let appendArr = ...listArr，‘setListArr(appendArr) }
浏览 8提问于2019-09-25得票数 36
所以，这是我第一次使用钩子，也要注意，我正在学习请。我目前正在做一个小组项目，只是我被允许使用React，我们正在做一个前端项目。我会尽我所能详细描述每件事。我们有一个App组件，如果我们持有默认状态currentProduct: ''。我们使用componentDidMount()从API中获取数据，然后在默认情况下更新状态，这是来自数组对象的第一个产品。
我创建了一个名为RelatedItems的单独组件，在这里我使用钩子。
我的组件是这样的：
import React, { useState, useEffect } from 'react';
cons
浏览 4提问于2021-09-11得票数 0
回答已采纳
我已经用Parcel构建了一个Chrome扩展并做出了反应，但是当我检查弹出窗口时，我不会收到警告(例如缺少useEffect依赖项)。我怎样才能得到这些警告？
浏览 3提问于2022-05-03得票数 0
回答已采纳
我尝试使用下面的代码在reactjs应用程序中显示一些csv内容。当我单击按钮时，它应该调用api并获得响应。我需要以表格的形式显示响应，而当我提交时，我需要保存数据。获取响应和保存对我来说很好，但我的问题是，当我单击侧菜单来获取所选数据时，我的状态没有正确更新以显示所选值数据，我需要单击三次以上。所以我试着用它的依赖，它的唤醒很好。但它的显示记忆问题。我是新的反应，我尝试了许多方式，它显示出最大的超越错误。那么如何在下面的代码中修复它
const Parameters = ({ selectedtestcaseId, hideTestTab }) => {
const [csva
浏览 6提问于2022-06-29得票数 1
当组件呈现我用socket发送套接字发出以获取useEffect中的数据时，我还会侦听以获取数据。当我从套接字获得数据时，我更新状态，然后调用一个函数。在功能内部，状态是空的。为什么州是空的？
const [chatData, setChatData] = useState([]);
const handleData = () => {
console.log(chatData)
}
useEffect(() => {
socket.emit("chatData");
socket.on("chatData", (data) =
浏览 2提问于2022-08-19得票数 1
我最近用react开始了另一个项目，因为我有一点时间，所以我使用了带有钩子的功能组件。我没有任何问题，只有一件事我不确定我是否使用正确，这是一个例子： function MyComponent() {
const [data, setData] = useState([]);
const [dataLoaded, setDataLoaded] = useState(false);
var getDataFromHTTP = async () { ... }
var loadData = async () => {
if (!dataLoaded) {
浏览 11提问于2019-09-20得票数 1
回答已采纳
3回答
当我使用useEffect钩子和setState钩子时，如果我只想让useEffect运行一次，状态就不会更新(即传递一个空数组作为第二个参数)。
如果我将Im更新的数组作为第二个参数传递，状态将被更新，但是useEffect在无限循环中继续运行.
下面是我试图运行的代码:在本例中，当打印出模因或endPage时，它们仍然保存它们的初始状态值([]和0)。
function ImageContainer() {
const [memes, setMemes] = useState([]);
const [currentIndex, setIndex] = useState(0);
浏览 4提问于2020-07-06得票数 0
回答已采纳
1回答
我有这个反应码。organizationId是一个let变量，它是按您所见编写的。首先和第二，我可以看到的价值，但第三，不是，这是怎么可能的？这是一个基于Next.js的项目。
function Event(props: EventProps) {
const { lang, translations, eventId } = props;
const [event, setEvent] = useState<EventOut | undefined>();
const [enableSaleSwitch, setEnableSaleSwitch] = useState
浏览 0提问于2021-07-30得票数 0
回答已采纳
我是新来的反应。我正在用AntD手机制作一个应用程序。对于底层导航，我正在使用。我不知道如何使用Link进行TabBar路由，在多次尝试失败之后，出现了useNavigate。
const [navLink, setNavLink] = React.useState("/");
const navigate = useNavigate();
const redirect = useCallback(() => navigate(navLink, {replace: true}), [navigate]);
我希望重定向到单击的任何选项卡，为此，我使用了状态，TabBar的
浏览 24提问于2022-04-06得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
