在刷新页面之前，useEffect不会触发redux操作
在React中，useEffect是一个React Hook，用于处理副作用操作。副作用操作是指那些不直接与组件渲染相关的操作，例如数据获取、订阅事件、手动操作DOM等。
在给定的问答内容中，问题是关于在刷新页面之前，useEffect不会触发redux操作。这意味着在页面刷新之前，useEffect不会执行redux相关的操作。
首先，需要了解Redux是一种用于管理应用程序状态的JavaScript库。它通过一个全局的状态树来管理应用程序的状态，并通过dispatching actions来修改状态。Redux通常与React一起使用，以便在React组件中使用Redux的状态。
在React中，使用Redux通常需要使用react-redux库来连接React组件和Redux状态。react-redux提供了一个名为useEffect的React Hook，用于在组件挂载、更新或卸载时执行副作用操作。
根据问题描述，useEffect不会在刷新页面之前触发redux操作。这是因为在React中，组件的挂载和卸载是由React控制的，而不是由页面的刷新控制的。当页面刷新时，整个React应用程序将重新加载，所有的组件将被卸载和重新挂载，这将导致之前的状态和副作用操作丢失。
因此，在刷新页面之前，useEffect不会触发redux操作。如果需要在页面刷新时保留Redux状态，可以考虑使用持久化存储方案，例如将Redux状态存储在本地存储或服务器上，并在应用程序重新加载时从存储中恢复状态。
关于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体的云计算品牌商，无法给出具体的腾讯云产品链接。但是，腾讯云提供了一系列与云计算相关的产品和服务，包括云服务器、云数据库、云存储、人工智能等。您可以访问腾讯云官方网站，了解更多关于腾讯云的产品和服务信息。
相关·内容
1回答
"axios": "^0.20.0",
"react": "^16.14.0",
"redux": "^4.0.5",
"redux-logger": "^3.0.6",
"redux-persist": "^6.0.0",
"redux-thunk": "^2.3.0"
我使用的是 axios ，我在useeffect中发送了一个请求，它可以工作，但是当我刷新时，从redux获取并将其添加到axios实
浏览 2提问于2020-11-17得票数 1
回答已采纳
1回答
我正在尝试使应用程序类似于facebook。当我到达页面底部时，我会从API中获取更多数据。我正在使用React和Redux。简化代码： const detectBottomOfPage= () => {
if((window.innerHeight + window.scrollY) > document.body.scrollHeight) {
dispatch(bottomOfPage()); //increases scrollCount
}
};
useEffect(() => {
window.addEventListe
浏览 19提问于2021-01-30得票数 2
我正在使用redux工具包，我使用redux thunk发送函数。在分派这个特定函数之后，我只是强制页面刷新(以触发useEffects)，而不是手动调用我想要刷新的所有东西，因为这个函数重置了所有内容，而且只刷新整个页面就更容易了。我遇到的问题是，在firefox浏览器中，下面的代码只是刷新页面，但是函数从未停止：
const resetPortfolioFunc = (e) => {
dispatch(resetPortfolio());
window.location.reload(false);
};
我也试过
const resetPortfolio
浏览 4提问于2022-09-05得票数 0
回答已采纳
所以我在我的应用程序的登录页面上从我的后端获取数据。这些数据在不同的部分中使用，所以我使用redux表示全局状态。代码如下所示： //Landing Component
export default function Landing() {
const data = useSelector(state => state.data);
useEffect(() => {
if (!data.isAvailable) {
fetchData();
}
...
}, [])
...
浏览 20提问于2021-10-20得票数 3
2回答
我有一个react组件，我想在第一次加载页面时将状态变量更新为false。为此，我使用了useEffect，但随后我使用了一个第三方库，该库调用了一个函数，该函数具有将相同的状态变量更新为true的函数，这正是我想要的，但它再次运行useEffect，使其返回false。
因此，我希望确保在加载/刷新页面时状态变量仅为false
useEffect(() => {
Dosomething();
DoAnotherThing();
changeState();
}[Dosomething,DoAnotherThing,changeState]);
return
浏览 2提问于2020-09-16得票数 1
当我在主页上单击"Profile“时，这会带我进入"Profile”组件，表单输入将被存储在以前的"user“redux状态的数据填充。当我刷新页面时，所有的输入都变成空白，尽管分配了"loadOrCreateUser“(这可以从后端获取当前用户)并在useEffect钩子中设置表单数据。
页面刷新后，我检查了redux状态，"user“状态实际上包含了用户的信息，但是表单数据没有被设置。这真的很奇怪，因为在刷新之后，来自useSelector的“用户”变成了不明身份者，但是“用户”redux状态有数据。
Profile.js组件
import Reac
浏览 3提问于2021-09-03得票数 0
3回答
编辑:解决了！请看。
我希望我的Blog组件每次浏览器请求其URL时都会触发fetchBlog动作创建者，无论是通过链接还是刷新。我想用React useEffect钩子和Redux useDispatch和useSelector Hooks来实现它。但是，我的操作只在链接到页面时触发；即使在阅读了几个解释(如)之后，我也不明白为什么。
以下是代码：
// Everything duly imported, or else VSC would yell at me
export default function Blog() {
const dispatch = useDispatch(
浏览 8提问于2019-11-27得票数 2
回答已采纳
1回答
我正在尝试刷新redux存储中的数据，就在呈现我的表之前。我调用useEffect进行刷新，希望当对rest服务的调用返回时，useSelector将获得更新。我将数据提供给react表的useTable钩子。当我添加对useEffect的调用时，我将页面置于无限刷新中，对数据反复调用useSelector，但我不知道为什么。谁能给我指个方向？
这是我的组件，redux状态函数运行良好。我在这里没有显示实际的表，只显示了对useTable钩子的调用。
function RecurringPublicationTable(props) {
const dispatch = u
浏览 29提问于2021-06-08得票数 0
当更新Redux中的状态时，如果状态与当前页的useState不同，则页面中的useState将被更新，但是红色框中的值在更新后不会更改，它始终是默认的。
import { useEffect, useState } from "react";
import store from "./redux";
import { useDispatch } from "react-redux";
import { setState } from "./redux/modules/menu";
浏览 8提问于2022-08-23得票数 0
我正在用firebase和next.js构建一个应用程序。我很难处理firebase的身份验证流。一切进展顺利，直到我注意到一个错误。如果我离开我的电脑登录到应用程序一段时间，每当我刷新页面，这似乎都会导致我被重定向回我的登录页面。我可以理解为什么刷新会触发我的重定向，因为可能没有足够的时间让onAuthStateChange被签入以便const { user } = useAuth()运行，因为在初始页面加载时(刷新之后)没有用户。它将进入{ else }，导致我在这一点上重定向。但有趣的是，如果我只点击仪表板(一个受保护的页面)链接，我仍然被认证。没有重定向。下面是我的auth组件的代码：
浏览 1提问于2020-11-22得票数 1
回答已采纳
我正在做一个React/Redux项目，并试图移除一个在我的错误页面上卡住的进度微调器。我已经确认我的ClearAllSpinners操作工作正常，但我相信它在微调器出现之前过早地清除了微调器，因为它不起作用。 在我的错误页面组件中，我有以下useEffect钩子，我一直试图在页面呈现或对isAnySpinnerActive进行更改时分派我的操作： useEffect(() => {
dispatch(ClearAllSpinners());
}, [dispatch, isAnySpinnerActive]); 我知道该操作会按预期清除微调器，因为下面的函数设置了一个微调器，然后
浏览 13提问于2021-09-22得票数 0
我这里有一个奇怪的问题，所以我正在使用redux，这是我从减速机状态选择的产品的组件代码。
import './productInfo.css';
import { useParams } from 'react-router-dom';
import { getProduct } from '../../actions/productActions';
import { connect } from 'react-redux';
import { useEffect, useState } from 'react'
浏览 3提问于2022-10-21得票数 1
回答已采纳
3回答
当我尝试通过刷新函数将页面设置为默认值时，它不会触发useEffect钩子。但是，如果我第二次运行刷新功能，它就能正常工作。这个代码也适用于其他值，如2，3，4，5.
const [goal, setGoal] = useState();
const [page, setPage] = useState(1);
const [temp, setTemp] = useState([]);
useEffect(() => {
setGoal();
getData();
}, [page]);
const refresh = () => {
浏览 6提问于2022-11-07得票数 0
使用下面的代码，只有当我成功登录时刷新页面时，注销按钮才会显示。该功能按预期工作，因此没有任何问题。
此外，我希望在用户成功登录时，在导航栏上显示注销按钮，而不需要刷新页面。
我试过很多方法来解决这个问题，但都没有用。
在我的研究中，我遇到了一种叫做Redux Persist的东西，但我不确定它在这个场景中是否值得使用。有什么方法可以不用Redux来处理这个问题吗？
我愿意接受代码改进/代码建议。提前谢谢。
import { Navbar, Nav, Container, Button } from 'react-bootstrap';
import axios from &#
浏览 3提问于2021-08-29得票数 0
回答已采纳
我正试图阻止我的应用程序进入useEffect钩子，并在5秒内实现什么，不管页面是否刷新。
我的代码仍然只在页面刷新时触发useEffect钩子。它并不关心是否经过了5秒，它在每一次页面刷新中都会触发，除非您再次刷新页面，否则不会永远做任何事情。它的作用就像一个带有空依赖数组的useEffect钩子。
无论页面是否刷新，如何实现useEffect钩子每5秒运行一次？这是我的片段。
const localVisitTime = localStorage.getItem('localVisitTime');
const currentTime = new Date().ge
浏览 4提问于2022-02-12得票数 0
1回答
我试图呈现一个登录表单，只有当没有令牌在redux存储。当我加载页面时，一切正常，我看到了表单。正确完成登录后，没有任何反应，我必须刷新页面。
如何更新页面？
const [isLogged, setIsLogged] = useState(false);
const token = useSelector((state) => state.token.token);
useEffect(() => {
if (token === null || token === "undefined" || token === "") {
浏览 9提问于2021-02-12得票数 0
回答已采纳
在这里做出反应。
我正在尝试使用上下文、useState、useEffect和sessionStorage的组合来构建一个在页面刷新中持续存在的有效的全局数据存储。
当用户登录到应用程序时，当我收到响应时，我会获取一个API，然后是setUserData。
这个部分工作得很好，但我意识到如果用户“刷新”他们的页面，应用程序会将userData const重置为null (结果导致页面崩溃)。
我研究了一些文章和视频，介绍如何将useEffect和sessionStorage结合起来，有效地用当前在sessionStorage中的内容取代userData，这似乎是处理页面刷新的一种明智方法。[资
浏览 11提问于2022-07-30得票数 1
回答已采纳
我正在使用next.js和redux构建一个web应用程序，并尝试在刷新或访问页面时通过直接输入url地址来获取数据。 我在getInitialProps中添加了一个"getItems“操作，这样它就会在刷新页面时自动触发，但它永远不会工作。 如果我在页面刷新后手动单击"getItems“操作按钮，它会从DB加载数据，所以我猜操作函数工作得很好。 但是如何在刷新页面时自动获取数据呢？ import Head from 'next/head'
import Link from 'next/link'
import { connect } from
浏览 13提问于2020-04-28得票数 0
我正在构建一个redux应用程序，我需要从我的数据库数据，以结束在我的redux存储后，一个特定的组件被加载。但是，每次用户添加新数据时，我都需要这样做。目前，我可以通过传递一个空的依赖数组来加载数据，但这将阻止基于用户操作更新数据(您必须刷新页面才能使效果再次运行)。但是，如果我将数据添加到依赖数组中，则会导致无限循环，因为这样会改变依赖数组中正在监视的数据。下面是我当前的代码流。
useEffect从component.Redux操作调出MarkerList操作，从Firestore检索数据，并将操作调度到reducer.Reducer更新状态，并从Firestore.发送有效负载。
我不
浏览 5提问于2019-12-03得票数 0
我在react上实现了网络聊天，使用了实时消息的防火墙。Firebase总是返回最后一个消息对象。当我刷新页面时，最后一个日期也会添加到存储中，最后一个对象在redux中被复制。
我如何才能正确地做到这一点，以便在更新页面之后，我将检查商店是否有重复的消息，然后不要将其添加到redux中？
Messages.js
const userData = JSON.parse(localStorage.getItem("user-data"));
useEffect( () => {
if(userData.account_id) {
firebaseD
浏览 1提问于2020-04-03得票数 0
回答已采纳
1回答
在初始页面加载中，数据(用户)正在Redux DevTools中成功捕获，但是，useSelector不会立即接收状态。刷新页面后，数据将成功地保存在users变量中。由于这一点，整个页面会中断，因为表<DataGrid需要行包含数据，而且最初用户是未定义的。
import React, { useEffect, useState } from "react";
import "./UserList.css";
import { DataGrid } from "@material-ui/data-grid";
import { useDi
浏览 4提问于2022-05-23得票数 2
回答已采纳
import React from 'react'
import { useEffect, useState } from 'react'
import {getSpecificMod } from '../../actions/mods'
import { connect } from 'react-redux'
const DownloadFiles = ({ currMod, getSpecificMod, getModFiles }) => {
const title = window.location.p
浏览 3提问于2021-08-12得票数 0
我想用useEffect Hook来询问我的案子，并和useSelector做对立面。我真的不知道这个无限循环后，我把我的变量包含的useSelector，有一堆数据数组从redux。我打算在参数useEffect上添加这个变量，因为我想直接更新数据和同一页面上的数据显示。
// this itemGroup have all of data from getGroup
const itemGroup = useSelector(selectGroup);
//this function call get api Data and dispatch to initial state
浏览 3提问于2022-08-08得票数 0
回答已采纳
在我的react redux应用程序中，我使用useEffect从数据库加载数据。我让props.data === null检查只在数据尚未加载时才加载数据。也就是说，在第一次访问中，将从数据库中获取数据，但在随后的访问中不会进行数据库调用。但是，使用这种方法，我不能使本地状态保持100%最新，因为数据中可能会有更改。我想知道，只有当react redux应用程序中的数据库发生更改时，我才能从数据库中刷新状态。有什么想法吗？ useEffect(() => {
if (props.loading == false) {
if(props.data ===
浏览 11提问于2019-10-14得票数 1
1回答
我在Next.js中使用redux，如果用户与需求相匹配，我希望将用户重定向到特定的页面。我在我的useEffect中添加了它，它可以工作，但是每次我回到主页时，它都会重定向到同一个页面。如果我刷新将清除redux状态的页面，它就会正常工作。
useEffect(() => {
const validateUser = (services: ServiceType[]) => {
if (services.length === 0) {
router.push('/dashboard/expert/onboard');
浏览 0提问于2021-02-23得票数 3
回答已采纳
我在useRouter和useEffect上遇到了一个问题，如果某个条件不满足，我想重新引导用户。
在第1页中，选择传递到上下文并在第2页检索的amount。
在第2页，我有这样的条件：
import { useEffect, useContext } from "react";
import { useRouter } from "next/router";
import AppContext from "../context/AppContext";
const PageTwo = () => {
const { amount }
浏览 0提问于2021-11-21得票数 1
回答已采纳
我使用useEffect从firebase获取信息，然后设置我的redux状态。当我第一次打开页面时，我的所有组件都包含正确的信息。当我刷新页面时，所有信息都设置为空吗？我认为这是因为出于某种原因，useEffect不会再次执行。下面是我的代码：
useEffect(async () => {
setLoading(true);
const fetchData = async () => {
await getConfigs().then((response) => {
const obj = response;
浏览 146提问于2021-03-05得票数 0
2回答
我试图从后端检索信息并显示出来。我可以将数据提取到我的redux存储区，但是当我试图在页面上显示它时，我会得到一个无法读取未定义错误的属性“title”。并不总是会发生，但是每当我刷新它时，它就会发生。有什么想法吗？这是有问题的文件。很乐意分享其他信息，但我很有信心我的后端和redux都能正常工作，因为我可以在其他地方检索和显示数据。
import '../../styles/article.css';
import { useEffect, useState } from 'react';
import { useDispatch, useSelector }
浏览 3提问于2021-09-14得票数 0
回答已采纳
这是某种代码，所以要柔和一点:D
我有一些使用react钩子和redux的页面，redux的状态工作，我检查它加载数据。场景是我有一个页面，它从redux thunk加载输入框，并用钩子和redux thunk保存更改
const MyComponent = (props) => {
const { reduxProp } = props
const [t1, setT1] = useState('')
useEffect( () => {
reduxActionLoadData // t1 , t2 data
浏览 5提问于2021-09-22得票数 0
3回答
关于单页应用程序的编码样式，我有一个简单的问题。我的前端是使用 Redux
例如，我有一个标准CRUD页面，其中数据显示在表中，并弹出模式形式。数据表是从服务器而不是从客户端筛选出来的。
我的问题:如果我创建、更新或删除数据，应该调用刷新函数还是在redux存储中编辑它？
刷新函数:
数据总是更新的
新添加的数据被过滤。
两次请求，较慢，无响应的(主要问题)
Redux商店：
App看起来响应性强
一次请求
如果多个用户正在使用应用程序(主要问题)，则不会更新丢失的服务器端筛选功能和数据。
如有任何建议，将不胜感激。
浏览 0提问于2017-01-30得票数 1
回答已采纳
我是redux的新手。目前，我正在进行一个项目，通过API调用在地图上显示附近的自行车站。因此，这意味着大多数redux操作都是异步的，并在另一个操作中为下一个api调用返回一些数据。当我在useEffect中分派我的所有操作，并使用状态和useSelector时，它首先显示它们，而在刷新后返回未定义的。这是我在使用redux、redux、useEffect、useSelector时所面临的常见问题。
我已经尝试过useEffect钩子中的异步函数，以等待每个动作调用完成。
操作:
export const fetchIPLocation = () => {
return asy
浏览 3提问于2022-02-22得票数 0
回答已采纳
当组件调用redux-saga时，它试图在调用redux-saga完成时显示加载图标并隐藏加载图标。 // at component
const app: FunctionComponent<IProps> = ({ location, history }) => {
...
const [isLoading, setLoading] = useState(false);
useEffect(() => {
setLoading(true);
ItemsActions.getItems(); <- this line is redux
浏览 16提问于2019-03-20得票数 1
回答已采纳
我有一个页面，它接受大量用户输入，并使用react上下文对象保存它们。我遇到的问题是，如果有人在保存条目之前离开页面，我希望提示用户继续或取消，并保持当前页面和状态的灵活性。我最初在一个useEffect钩子中设置了这样的代码，它监视输入中的状态变化。 useEffect(() => {
window.onbeforeunload = () => {
return true
}
},[someState]) 这适用于所有类型的浏览器导航(刷新按钮、主页按钮、关闭窗口、输入新的url等)。但在浏览器中单击后退或前进按钮时则不会。 如何在状态更改为不触
浏览 44提问于2021-01-21得票数 0
我正在使用shopUsers(which钩子，并使用函数getStoreUsers获取具有fetch调用的用户数据列表，该函数在redux存储区中分发响应操作，并存储the是一个数组)。
在数组依赖项中，我正在编写shopUsers。我不知道它为什么会造成无限的渲染。
下面是我如何使用useEffect钩子：
useEffect(() => {
const { getStoreUsers, shopUsers } = props;
setLoading(true);
getStoreUsers().then(() => {
setLoading(
浏览 0提问于2019-04-18得票数 5
我希望你做得很好！
我试图在我的项目中捕捉窗口关闭或标签关闭或刷新事件，我尝试了所有可能的解决方案，但没有成功。
我试着用：
useEffect(() => {
return () => {
window.alert("Alert");
};
});
我试过：
useEffect(() => {
window.onbeforeunload = () => {
window.alert("alert");
};
return () => {
win
浏览 14提问于2022-11-03得票数 -2
回答已采纳
在类中加载任何内容之前，是否可以等待Redux操作完成？
我有一个页面，它使用登录用户的数据，数据存储在Redux状态。在React类中，我将动态地调用Redux状态下的数据。如果用户未登录，代码将运行错误，因为登录数据不存在。如何使代码等待Redux操作检查用户是否已登录，如果用户未登录，则在呈现数据之前和错误发生之前将其重定向到另一个页面？
任何类似的
on('REDUX_ACTION_LOGGED_IN', () => {})
会很有用的。
我还看到了一个关于redux-wait-for-action之类的在线软件包。有人能教我如何在这里实现这一点吗？文件不太清楚。
浏览 6提问于2020-05-07得票数 0
我正在制作一个MERN栈在线商店网站，我从我的useEffect组件中的一个Shoes.js挂钩中获取我的产品。但我只是从redux获得初始状态，而不是更新状态。
数据被取得很好，但我只能访问初始状态。因此，传递给ProductsArea组件的值为false和null，如何获得更新的状态？
这是我的Shoes.js文件：
import React, { useEffect } from 'react';
import './Shoes.css';
import { Link } from 'react-router-dom';
import {
浏览 1提问于2020-07-07得票数 1
1回答
我试着构建登录应用程序。它运转良好，但刷新后，所有的状态都丢失了。当我从登录页面登录应用程序时，从后端接收到一个令牌，我在本地存储该令牌，并调用操作"loadUser“，最终获取用户信息并存储它。当我的页面被重新加载时，我计划使用相同的操作。因为我的Navbar页面对所有页面都是通用的，所以我创建的是使用useEffect钩子从页面本身调用loadUser操作。
import React, { useEffect, Fragment } from "react";
import { useHistory } from "react-router";
im
浏览 2提问于2021-11-03得票数 0
回答已采纳
1回答
如何在加载后才执行函数？
、、、、
我使用firebase在页面被useEffect加载后立即执行代码。
我在Redux中有一个用户状态，从空到实际的用户信息需要几秒钟的时间。
我的问题是代码会立即触发，我不确定如何让它等待用户信息加载。
代码中显示的错误是由于"user.email“的"null”值
const {user} = useSelector(state=>state.user)
const [myGames, setMyGames] = useState([])
useEffect(()=> {
const unsubscribe = db.collection("ga
浏览 0提问于2021-01-13得票数 0
2回答
我知道这个问题被问了很多次，但没有一个答案对我有效。我得到了组件，它的工作是显示用户数据从react-redux，但userData可以存储在localStorage和网站的第一次加载这个localStorage被获取到redux状态，所以我得到了错误的地方，我想要显示当前登录的用户的首字母。在向mapStateToProps函数添加async/await之后，localStorage会被获取，但我仍然收到错误提示'Cannot get 0 of undefined'，使用带有预置首字母的useEffect也会给出错误。下面是我当前的代码： import React, { u
浏览 21提问于2021-03-14得票数 0
4回答
我正在尝试呈现来自以下数据对象的数据，该对象来自API。
{
"code": 0,
"c": "verified",
"d": "verified",
"leaseInfo": {
"infoId": 6
},
"cpfPrice": "500.00",
"carCurrentLocation": {
"id": 1,
浏览 0提问于2021-08-01得票数 2
回答已采纳
1回答
文件更改时页面刷新反应
、、、、
我有一个react/redux应用程序，当文件更改并点击保存时，它会刷新页面并清除所有redux数据。我知道我可以将redux数据持久存储到本地存储。我想知道的是，当文件更改时，刷新页面是react/node服务器的默认行为吗？如果不是，我如何防止它？
浏览 23提问于2020-07-11得票数 2
回答已采纳
我正在尝试实现以下简单模式：
GET列表
输入新项目，保存
提出POST请求
为更新的数据提出新的GET请求
从的代码开始，
const useApi = () => {
const [data, setData] = useState({ hits: [] });
const [url, setUrl] = useState(
'https://hn.algolia.com/api/v1/search?query=redux',
);
useEffect(() => {
const fetchData =
浏览 0提问于2019-08-15得票数 3
回答已采纳
1回答
我试图构建一个受保护的路由，以便当未经身份验证的用户尝试访问某些组件时，它们将被重定向到登录页面。问题是，当用户登录时，我刷新页面时，"if“语句将在我的useEffect触发器和更新redux状态之前运行，因此它总是在页面刷新时将登录用户重定向回登录页面，而此时它只应该对用户进行身份验证并停留在该页面上。我似乎想不出解决这个问题的办法。如能提供任何帮助，将不胜感激。
export const ProtectedRoute = ({children}) => {
const user = useSelector((state) => state.user)
浏览 4提问于2022-11-17得票数 0
2回答
我想弄清楚，Redux和Axios是如何一起工作的，但我只是碰壁了，我需要一些帮助.我的问题是，在操作中有一个调度，但是在我返回调度后，它不再继续。这很可能是我不明白这是如何工作，所以请尽量解释在尽可能多的细节。提前谢谢。
我的combineReducer
import {combineReducers} from "redux";
import getAvailableDatesReducer from "./getAvailableDatesReducer";
export default combineReducers({
availableD
浏览 6提问于2021-04-27得票数 0
1回答
我正在创建一个要求用户输入CAPTCHA字符串的登录页面。 以下是我的代码。 我有一个默认值为false的redux状态isFail。一旦用户登录失败，状态将变为true。 当验证码为真时，我想让它触发fetchCaptcha()函数来刷新验证码图像。 有没有更好的方式来触发redux状态改变的功能？ const LoginForm = props => {
const captchaImage = useSelector(state => state.auth.captchaImage);
const isFail = useSelector(state =
浏览 19提问于2020-09-01得票数 0
1回答
我正在创建一个储蓄罐应用程序，当我添加或提取资金时，我需要刷新数据。
我尝试使用UseEffect来调用我的API调用，并将我的实际状态作为依赖项，但它正在向网络发送请求。
我不知道在没有垃圾邮件的情况下，我怎么能“看到”新数据出现在这个州。
// Import
import { useSelector, useDispatch } from 'react-redux';
import { useParams } from 'react-router-dom';
import { useState, useEffect } from 'react
浏览 5提问于2022-03-14得票数 0
1回答
在我的根组件上，我像这样设置套接字， const [socket, setSocket] = useState(null);
const setupSocket = () => {
const token = localStorage.getItem('CC_Token');
if (token && token.length > 0 && !socket) {
const newSocket = io('http://localhost:8000', {
query: {
浏览 56提问于2020-11-28得票数 0
回答已采纳
当组件的一个道具发生变化时，它将重新复制。这就是反应的重点。
订阅Redux状态片段的组件将在状态更改时重新发送。这就是Redux的全部要点。当您使用connect api时，这些状态片只是简单的道具，所以它直接讲到了我的第一点。
所以，我想知道的是
// only executes once, on mount, right?
componentDidMount() {
this.something()
this.props.someReduxActionThatModifiesAnotherPropInThisComponent()
this.somethingElse()
}
浏览 1提问于2021-08-27得票数 0
2回答
每次我重新加载我的帐户页面，它会转到登录页面一段时间，并将定向到已登录的主页。如何才能在刷新页面后仍保持不变？
我只是在练习reactjs，我认为这是导致这个重定向到登录然后到主页的代码
//if the currentUser is signed in in the application
export const getCurrentUser = () => {
return new Promise((resolve, reject) => {
const unsubscribe = auth.onAuthStateChanged(userAuth =&
浏览 0提问于2021-03-10得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
