arning:无法对卸载的组件执行react状态更新
这个问题涉及到React组件的状态更新问题。当尝试对已经卸载的组件执行状态更新时，React会抛出一个警告，提示无法对卸载的组件执行状态更新。
React组件的状态是通过state属性来管理的，当组件被卸载后，其状态也会被销毁。因此，如果在组件被卸载后仍然尝试更新状态，React会发出警告。
这个问题通常发生在以下情况下：
- 在异步操作中，组件被卸载后，异步操作完成并尝试更新状态。
- 在定时器回调函数中，组件被卸载后，定时器触发并尝试更新状态。
为了解决这个问题，可以在进行状态更新之前，先判断组件是否已经被卸载。可以通过在组件卸载时取消异步操作或清除定时器来避免该警告的发生。
以下是一些推荐的腾讯云相关产品和产品介绍链接地址，可以帮助您更好地理解和应用云计算领域的知识：
- 云服务器（CVM）：提供可扩展的计算能力，支持多种操作系统和应用场景。详情请参考：云服务器产品介绍
- 云数据库 MySQL 版（CDB）：提供高性能、可扩展的关系型数据库服务。详情请参考：云数据库 MySQL 版产品介绍
- 云原生应用引擎（TKE）：帮助用户快速构建、部署和管理容器化应用。详情请参考：云原生应用引擎产品介绍
- 人工智能平台（AI Lab）：提供丰富的人工智能算法和模型，帮助用户实现智能化应用。详情请参考：人工智能平台产品介绍
- 物联网套件（IoT Suite）：提供全面的物联网解决方案，帮助用户快速构建物联网应用。详情请参考：物联网套件产品介绍
- 移动推送服务（TPNS）：提供高效可靠的移动消息推送服务，支持多种推送方式和场景。详情请参考：移动推送服务产品介绍
请注意，以上推荐的产品和链接仅供参考，具体选择和使用需根据实际需求和情况进行评估和决策。
相关·内容
我有一个材料抽屉组件，当组件挂载时，需要检查本地存储并获取登录用户，然后将用户名放在模板中。
这是我的组成部分：
const PersistentDrawer = () => {
const [userLogged, setUserLogged] = useState({});
useEffect(() => {
setUserLogged(JSON.parse(localStorage.getItem('currentUser')))
// eslint-disable-next-line react-hooks/exhausti
浏览 1提问于2020-03-05得票数 2
当尝试更改模式中的值时，会收到上述警告： 我有一个弹出窗口，当我在模式中更改国家代码字段的值时，一切都很好。但是一旦我保存或关闭了模型，状态变量的值就变得不确定了。 主模态文件： const EditDetailsModal = props => {
const dispatch = useDispatch()
const intl = useIntl()
const shouldShowModal = useSelector(selectors.shouldShowEditDetailsModal)
const name = useSelector(sel
浏览 18提问于2020-10-07得票数 0
当我单击按钮提交表单时，会收到以下警告：
Warning: Can't perform a React 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 asynchronous tasks in a useEffect cleanup function.
Formik@http://localhost:3000/static/js/vendors
浏览 3提问于2021-03-12得票数 0
回答已采纳
所以我得到了这样的警告：
*Can't perform a React 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 asynchronous tasks in a useEffect cleanup function.
in Products (created by Context.Consumer)*
嗯，当我重新路由到Produc
浏览 1提问于2020-10-09得票数 0
2回答
我在项目中使用Material组件，并在我的应用程序中使用AutoComplete组件。
在Material团队的示例中，我看到了一个有趣的AutoComplete Ajax数据示例：。
他们使用从服务器获取数据：
React.useEffect(() => {
let active = true;
if (!loading) {
return undefined;
}
(async () => {
const response = await fetch('https://country.register.gov
浏览 1提问于2020-06-18得票数 2
回答已采纳
我已经使用create-react-app命令创建了starter项目。并添加了两个生命周期事件，componentDidMount()运行良好，但componentWillReceiveProps()道具无法触发。
index.js：
ReactDOM.render(
<App appState={appState} />,
document.getElementById('root')
);
App.js：
class App extends Component {
render() {
return (
<div clas
浏览 31提问于2017-07-11得票数 1
回答已采纳
我使用React渲染我的web应用程序所需的一些组件，我有一个带有播放和停止按钮的计时器。我从get请求中检索所有的时间记录，并且我想在组件每次更改时重新修改它，我如何做到这一点？
除了使用一个简单的setInterval来调用this.forceUpdate()函数之外，一切都可以正常工作，但这给了我一个警告：
警告:forceUpdate(.)：只能更新安装或安装组件。这通常意味着在未挂载的组件上调用forceUpdate()。这是禁止行动。请检查TimerBox组件的代码。
我的组成部分：
var TimerBox = React.createClass({
displa
浏览 3提问于2017-03-09得票数 0
回答已采纳
我在页面上有一对函数组件挂钩，AddVocab组件向数组添加新单词，ListVocab映射数组。
所有操作都很好，直到我从页面导航到这个错误：
react_devtools_backend.js:3973警告:无法对未挂载的组件执行反应状态更新。这是一个非操作，但它表示您的应用程序中存在内存泄漏。若要修复，请取消useEffect清理函数中的所有订阅和异步任务。
为了修复这个内存泄漏，我尝试了许多useEffect()和清理函数的变体，但都没有效果。我知道原因是异步VocabDataService Axios调用，而不是在卸载组件时取消订阅/取消。
有人能提供正确的useEffect(
浏览 5提问于2022-04-29得票数 0
2回答
我正在构建一个应用程序(ES6)，我很好奇什么是捕捉向上/向下滚动事件的“正确”方法？
我尝试(npm)安装react-scroll-listener，但是我无法让它与我的ES6类一起工作。
基本上我想要的是:如果向上滚动，执行此操作；如果向下滚动，则执行其他操作。
import React from 'react';
import config from '../config';
import StaticImageList from '../Common/StaticImageList';
import ScrollListener from
浏览 3提问于2016-08-17得票数 18
回答已采纳
2回答
我正在从一个数据库获取一些数据，该数据库是一个对象(歌曲)数组。我想一次显示5首歌曲，因为有800多首歌曲，如果我试图一次加载所有歌曲，程序会变慢很多。 如果我直接加载歌曲，我的react部分工作得很好，但我正在尝试创建另一个状态，它一次只存储5个对象，并显示这5个对象，而我有另一个称为“歌曲”的状态，它将在开始时设置它的状态，存储800+歌曲。当我试图将这个5存储到另一个状态时，程序崩溃了。 我很感谢大家帮助我理解我的错误。 我曾尝试在修改showSongs的useEffect中设置一个console.log，但esLint (我认为它是esLint)一直在修改函数末尾的数组，在其中添加了
浏览 15提问于2019-07-04得票数 0
我在发出请求并在组件中显示结果时遇到问题。它显示了一个性能错误。我尝试了一些我在stackoverflow上找到的解决方案，但都没有解决。这个错误到底是什么，我如何修复它？有关错误的更多详细信息： 警告:无法对已卸载的组件执行React状态更新。这是一个no-op，但它表明您的应用程序中存在内存泄漏。要修复此问题，请在useEffect清理函数中取消所有订阅和异步任务。 export function SelecionarEmpresa({ closeModalSelectCompany }: Props) {
const { token } = useAuth();
const
浏览 87提问于2021-09-29得票数 0
值得注意的参考：
我的目标是更好地理解React是如何重新渲染的，无论是在每次状态更新时还是在所有状态更新之后。
我目前的理解是React re-render on every state update，如果你有两个状态更新one outside of an async operation, and one inside，就会导致Can't perform a react state update on an unmounted component。如果您更新一个状态，然后在异步操作try, catch, finally中执行另一个状态更新，则会发生此错误。
使用Can't p
浏览 3提问于2020-09-20得票数 1
我在控制台上看到了这个错误，并且尝试了很多解决方案，但没有任何效果。
ExceptionsManager.js:84警告:不能在未挂载组件上调用setState (或forceUpdate)。这是一个非操作，但它表示您的应用程序中存在内存泄漏。若要修复，请取消componentWillUnmount方法中的所有订阅和异步任务。开始(at SceneView.js:9)在SceneView (at SwitchView.js:12)在SwitchView (at createNavigator.js:57)在Navigator (at createNavigationContainer.js:
浏览 1提问于2019-03-27得票数 1
我发现了这个错误：
无法在未挂载的组件上调用setState (或forceUpdate)。这是一个非操作，但它表示您的应用程序中存在内存泄漏。若要修复，请取消componentWillUnmount方法中的所有订阅和异步任务。
上下文:当我连接时，我在主页上，这个页面不包含breadCrumb，但是如果我使用CampaignPage (也是组件的名称)，我有BreadCrumb (组件名)，我发现了这个错误。
在我看到的另一篇文章中，他们说在ComponentWillMount上可能存在异步问题，但我认为我的问题不一样，我无法找到解决方案。
我的代码看起来是这样的：
import
浏览 0提问于2018-08-22得票数 0
回答已采纳
我不知道为什么我要面对这个问题。如果有人知道如何处理它，所以请帮助。提前感谢
Warning: Can't perform a React 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 asynchronous tasks in %s.%s, the componentWillUnmount method,
in ToastContai
浏览 0提问于2020-01-16得票数 0
1回答
我正在努力学习react的useEffect清理。
我看到了这个关于如何使用清理的例子。(参考：)。
const [data, setData] = useState({})
useEffect(() => {
// set our variable to true
let isApiSubscribed = true;
axios.get(API).then((res) => {
if (isApiSubscribed) {
// handle success
setData(res.dat
浏览 1提问于2022-06-24得票数 2
回答已采纳
在执行注册时，我会收到以下警告：
警告:无法对未挂载的组件执行反应状态更新。这是一个非操作，但它表示您的应用程序中存在内存泄漏。若要修复，请取消componentWillUnmount方法中的所有订阅和异步任务。SignUp ()在div ( SignInAndSignUpPage )
我的注册页面中的代码如下：
import React from 'react';
import FormInput from '../form-input/form-input.component';
import CustomButton from '../cust
浏览 3提问于2021-09-11得票数 2
我有一个应用程序，它在chrome中运行得很好，但是在firefox中它显示的是空白屏幕。
对于网络选项卡中的相同请求，firefox给出的状态代码为304，而在chrome中为200。
由于我使用的是redux存储，所以我使用了下面的代码来创建redux存储。
const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
const store = createStore(rootReducer,composeEnhancers(applyMiddleware(thunk)));
如果我使用下
浏览 0提问于2019-06-26得票数 3
我有一个对象，它是属性props.Job的副本，我用以下命令更改它：
const [jobData, setJobData] = React.useState<IjobData>();
const handleJobChange = (name, value) => {
setJobData({
...jobData, [name]: value
});
};
现在，我想在组件卸载之前保存jobData的值，这样：
React.useEffect(() => () => {
if (jobData !== props.
浏览 0提问于2020-08-19得票数 0
我在react本机方面非常新，并从教程中找到了用于抓取和加载案例的简单解决方案。
export const useFetching = (callback) => {
const [isLoading, setIsLoading] = useState(false);
const [error, setError] = useState('');
const fetching = async(data) => {
try{
setIsLoading(true);
await c
浏览 0提问于2022-04-14得票数 1
在用户成功登录后，我试图路由到'/‘。
目前，在我的Login.JS文件中，我有一个handleSubmit函数，它从表单中获得结果：
async function handleSubmit(e) {
e.preventDefault()
try {
setError("")
setLoading(true)
await login(emailRef.current.value, passwordRef.current.value)
his
浏览 12提问于2022-02-06得票数 0
回答已采纳
1回答
我正在尝试创建一个组件，它接受一个子道具，当这个子道具发生变化时，我想要旧的组件，即子道具在屏幕外动画，而新的组件在屏幕上动画。我尝试使用react使用下面的代码来实现这一点，您可以在这里运行它。
我在这里错过了什么？组件不应该在卸载时向左移动，在挂载时从右侧进入吗？
/** @jsx jsx */
import { useState } from "react";
import { useTransition, animated } from "react-spring";
import { jsx } from "@emotion/core"
浏览 3提问于2022-09-02得票数 0
我有一个连接到父容器的react组件。容器有mapStateToProps。我在容器中有一个控制台日志。道具正在更新。我可以在组件/子组件中看到属性更新。
未调用componentDidUpdate。我不知道在不调用componentDidUpdate的情况下怎么可能调用渲染。但这种情况正在发生。我在我的屏幕上看到组件更新，我有道具console.logged，他们正在更新。但componentDidUpdate并非如此。我觉得我疯了。
以前有没有人经历过这种情况？？
浏览 6提问于2018-08-02得票数 1
我知道，当useRef被更改时，组件就不会被重新呈现，不管怎样，您能解释一下每个版本到底发生了什么吗？在useEffect函数中，如果组件是unMounted，则isCan.current将设置为true。当它被卸载时，调度函数和几个状态将不会中断(如果在try块中有条件)。以这种方式工作，但是您能告诉我为什么不使用状态钩子(isCancelled)运行所有这些代码吗？
with useRef:因此，当组件卸载时，isCan.current将立即设置为true。如果取消发生在If条件之前，则调度和某些挂钩不会更改，因为isCan现在是isCan
with useState:当组件卸载时，isC
浏览 4提问于2022-05-02得票数 0
我有一个策略问题。
我想使用signalR更改我网站中的数据，并使用react显示更改后的数据。我的问题是:如何在signalR和react之间执行数据绑定？
我的第一条线索如下：
signalR：
chat.client.addMessage = function (name, message) {
chatHistory.push({ Author: name, Text: message }); //here I change global variable chatHistory
};
react：
var CommentList = React.createClass({so
浏览 1提问于2014-07-30得票数 6
我正在开发一个简单的React身份验证web应用程序，每当我尝试登录时，它在第一次尝试时都不起作用。每次登录只在第二次尝试时有效。 当我第一次单击时，我在控制台中得到以下错误。 index.js:1 Warning: Can't perform a React 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 asynchronous tasks
浏览 21提问于2021-02-04得票数 0
关于React中的构造函数，我有一个问题
看看上的一个例子
import React from "react";
import ReactDOM from "react-dom";
import "./styles.css";
class SimpleComponent extends React.Component {
constructor(props) {
super(props);
this.state = {
number: props.number,
}
console.log(&#
浏览 0提问于2019-01-30得票数 2
我正在构建一个react应用程序，并希望使用承诺上传文件到我的数据库。当用户离开此页面并移动到其他页面时，如果存在挂起的promise，它是否会在页面更改的情况下继续？如果我在全局状态下存储我的文件对象，promise可以在页面更改的情况下继续执行吗？
浏览 11提问于2020-07-13得票数 2
回答已采纳
2回答
我用和离子反应：
Tab1：
const { count } = useAppState()
const { increaseCount } = useActions()
return
<IonPage>
<IonContent>
<IonRouterLink routerLink='/tab1/page1'>1. Go to another page</IonRouterLink> // Go to page 1
<IonText><p>{count}</p></I
浏览 19提问于2022-01-17得票数 2
回答已采纳
我有一个父组件UserLogInPage和子组件SignIn (两者都是功能组件)。 在SignIn子组件中，如果authResult为true，我将重定向 {authResult ? <Redirect to="/"></Redirect> : null} 我触发loginUser操作，检查用户输入的凭据是否正确(此调度位于SignIn子组件内的handleSubmitSignInValues处理程序中)： dispatch(loginUser(signInValues)).then((response) => {
console.
浏览 8提问于2020-09-05得票数 0
回答已采纳
我在react中向api发出搜索请求，这很有效，我在所有路由上都有搜索栏呈现，所以当用户尝试使用搜索栏时，即使他不在主页(‘/’)，它也会将他重定向到该页面并呈现结果，当我尝试在发送请求的其他路径中使用搜索栏时(主页状态更改，这是显示结果的路由)，但是如果我尝试执行browserHistory('/')，我得到了一个错误，那么做这个错误的正确方法是什么？
/*
* searchBar
*
* This is the first thing users see of our App, at the '/' route
*/
import React fr
浏览 4提问于2017-03-30得票数 1
我有一个基本上是包含多个步骤的表单向导。向导分为两个部分:标签和内容。当内容组件更改其内部状态时(从incomplete更改为error或其他什么的)，我希望向导更新标签。我遇到的问题是从contents组件中获取状态，试图将状态保存到wizard组件中，以便更新labels，从而导致无限循环。
虽然我理解这个问题，但我并不真正知道如何解决它。这是一个非常小的例子，我的实际组件使用一些高级特性(如cloneElement )将道具传递给用户组件，而不必担心设置10个不同的道具。到目前为止，这是完美无缺的。
因此，我知道每次更新我的主组件状态时，它都会重新呈现子组件，这将永远调用相同的set状态
浏览 6提问于2022-01-05得票数 0
回答已采纳
我使用axios从API中获取一些数据，但是所有的请求都不是在useEffect函数中。更重要的是，我并没有使用整个useEffect。
下面是我的代码的一部分：
联署材料X：
<form onSubmit={onSubmitLogin}>
<div className="form sign-in">
<h2>Hello again,</h2>
<div className="div-label">
<label>
浏览 4提问于2019-12-06得票数 0
1回答
如何修复错误：Warning: Can't perform a React 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 asynchronous tasks in a useEffect cleanup function.
这是密码：
useEffect(() => {
let ignore = false;
浏览 6提问于2021-01-27得票数 0
回答已采纳
考虑以下场景：
在这里，每单击一次按钮，就会发生setState，这将启动类组件Main的更新周期。这最终会导致render函数执行。在每次连续的单击中，都会从父组件Main呈现一个新组件(如果在单击它的ComponentA之前，则在单击之后它将是ComponentB，反之亦然)。
根据React diffing算法，如果从render返回的组件与上一次渲染返回的组件相同(===)，React会递归地更新子树，方法是将其与新的组件进行差异。如果它们不相等，则前一个子树将被完全卸载。
我的问题是，这个例子中的setState是否真的导致了Main而不是update的挂载周期，或者它会导致Main
浏览 16提问于2020-06-03得票数 1
回答已采纳
我有一个带有3个选项卡的react组件，每个选项卡包含一个datatable，它将在active选项卡的基础上填充API调用结果。因此，每次都会有一个参数，我通过API调用传递，并相应地显示数据。
这很好，我在切换选项卡时会得到数据，但是当我尝试从datatable搜索，然后单击另一个选项卡时，我得到的错误如下-
无法对未挂载的组件执行响应状态更新。这是一个非操作，但它表示您的应用程序中存在内存泄漏。若要修复，请取消componentWillUnmount方法中的所有订阅和异步任务。
下面是我的示例代码：
component.jsx
import React, { Component
浏览 0提问于2018-12-27得票数 1
我有一个react组件：
React.createComponent({
render: function () {
return (<div className="some-component"></div>);
}
});
在它渲染几秒钟后，我希望它从组件中添加一个类。这个类的目的是用动画来展示组件。我不认为这是真正的状态改变，因为它对应用程序没有任何影响，只是给组件一个动画介绍，所以我不喜欢从组件外部通过存储/状态的改变来启动它。
简单地说，我该怎么做呢？类似于：
{setTimeout(function () {
th
浏览 2提问于2016-11-25得票数 4
回答已采纳
当我获取精灵宝可梦API时，为什么渲染函数运行2次，第一次没有状态更新，第二次状态更新？当我从API调用render function中的属性时，我也得到了一个错误。“无法读取null的属性'next‘”
import React, { Component } from "react";
import "./index.css";
import axios from "axios";
const url = `https://pokeapi.co/api/v2/pokemon`;
console.log(url);
class App
浏览 5提问于2019-03-13得票数 2
1回答
在开始使用React导航文档时，他们说：
注释:组件支柱接受组件，而不是呈现函数。不要传递内联函数(例如component={() => })，否则当父组件重新呈现时，组件将卸载和重新装入，丢失所有状态。请参阅传递其他道具以获得其他选项。
根据我的理解，如果我写：
const WrappedHome = () => <HomeScreen />;
然后稍后使用以下内容：
<Stack.Screen name='home' component={WrappedHome} />
这将相当于他们的榜样。React或JSX或React本机是否做了一
浏览 4提问于2020-12-03得票数 1
回答已采纳
我已经创建了一个Create- react -App react应用程序& Redux。
我使用connect (通过mapStateToPrope)将我的userReducer映射到state，即：
function mapStateToProps({ userProfile }) {
return { userProfile: userProfile ? userProfile : null };
}
export default connect(mapStateToProps, fetchUserProfile)(Profile);
我有一个已经绑定了UserProfile F
浏览 0提问于2018-02-21得票数 3
回答已采纳
1回答
我有一个组件，我让我的用户选择订阅，以从应用程序中删除广告。我完美地集成了条纹，直到我来到应用程序的重定向部分。因为我不想让人创建多个订阅，如果我的用户有一个活动订阅(我从firebase db获得)，那么我想将我的用户重定向到另一个页面。一旦重定向发生，我就会看到关于内存泄漏的警告。在尝试导航回subscription组件后，这种情况不会再发生。下面是我的组件，其中包含了不会导致错误显示的大部分代码。我认为它是条带元素，因为如果我删除对该组件的调用，那么所有的工作都很好，并且没有内存泄漏。有没有人遇到过这个问题并有解决方法？
我觉得这与我使用React.useEffect钩子设置显示表单的方
浏览 2提问于2020-05-16得票数 3
2回答
在我的测试中有以下警告：
Warning: Can only update a mounted or mounting component. This usually means you called setState, replaceState, or forceUpdate on an unmounted component. This is a no-op.
Please check the code for the ProtectedRoute component.
所以我检查了我的ProtectedRoute组件。此组件构建于react-router的Route组件之上，并在呈现路
浏览 0提问于2018-03-13得票数 1
我正在React中构建一个JSON编辑器，而我正在使用的库没有componentWillReceiveProps钩子。对于React和尝试在父状态更改时立即更新<Editor />组件，我还是个新手。
import React, { Component } from "react";
import { JsonEditor as Editor } from "jsoneditor-react";
export default class Home extends Component {
constructor(props) {
supe
浏览 0提问于2020-05-10得票数 0
我跟踪错误比我试图找出是什么原因，但整个互联网只是不同的答案，对类似的问题，但不是专门为我。我试图更新未更新的npm outdated包。在导航更新期间出现警告。有人遇到过类似的问题吗？
"react-navigation": "^4.3.9",
"react-native": "https://github.com/expo/react-native/archive/sdk-38.0.2.tar.gz",
"expo": "^38.0.0",
Warning: Can't perform
浏览 8提问于2020-12-14得票数 1
回答已采纳
我正在尝试使用firebase在react原生上构建一个简单的身份验证应用程序。在App.js文件中，我使用useEffect钩子在我的应用程序中初始化firebase实例，并且还声明了一个函数，用于在用户登录或注销时更新本地状态(loggedIn)。当我尝试使用电子邮件和密码登录时，我可以显示注销按钮，但弹出以下警告消息：
Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your
浏览 27提问于2020-03-02得票数 0
我正在做一个Carrousel，当它打开一个“新闻”，你可以看到一个描述在一个模式，这是完美的，但当你点击一个报价，你重定向到另一个页面与该产品的信息。
它正在工作，但当您这样做时，在consolo中显示内存泄漏的错误“Response-dom.Development.js:67警告:不能对未挂载的组件执行反应状态更新。这是一个无操作，但它表示应用程序中的内存泄漏。要修复，请取消useEffect清理函数中的所有订阅和异步任务。”
我知道使用useEffect，我不知道如何避免这种情况。
耽误您时间，实在对不起
这是"AxiosCollection“
import axios fr
浏览 7提问于2022-02-09得票数 6
回答已采纳
我知道在这些论坛上存在着这个问题，但我使用了这些方法，我的错误仍然是一样的：
我使用componentDidMount从防火墙加载数据，使用componentWillUnmount将变量_isMounted应用于false。
表中的代码是：
import React, { Component } from 'react';
import DashboardNavBar from '../../components/navbar/navbarDashboard';
import TableBox from './boxTable';
im
浏览 2提问于2019-10-14得票数 1
回答已采纳
2回答
组件更新后状态消失
、、、
我制作了小组件和呈现状态，在中，您可以使用投票选项进行新的投票。在通过“添加轮询”按钮进入后，旧状态消失，所以我只添加了一个Poll。我怎样才能保持这种状态消失？
import React, {Component} from 'react';
import {Link} from 'react-router-dom';
import Poll from './Poll'
class Home extends Component {
state = {
question:"",
tag:[],
}
浏览 1提问于2018-09-06得票数 0
回答已采纳
1回答
在处理嵌套的react组件时，我很难理解协调是如何工作的。下面是我的index.js代码
import React from "react";
import { render } from "react-dom";
import { useState, useEffect } from "react";
const TodoList = ({ todos }) => {
useEffect(() => {
console.log("mounted List")
return () => {
浏览 3提问于2022-02-24得票数 0
回答已采纳
3回答
如何管理独立反应组件之间的通信？
、、、、
我想实现一个类似于messenger.com的web应用程序，也是基于react框架的。我的问题是管理列表和内容组件之间的通信，因为它们彼此无关。其父组件的呈现方法如下所示：
返回( "<“列表"/>”“<”内容"/>“)
我希望内容组件能够根据所选的列表元素刷新和加载一些数据，类似于messenger.com。
我读过很多关于redux的文章，但是我无法想象在这种情况下应该如何实现它。
下面也是我在浏览器端运行的整个react脚本：
对不起，伙计们，如果这是我刚开始回答的问题:)
非常感谢你读到这篇文章，
沃伊特克
浏览 9提问于2016-02-17得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
