无法在useEffect中卸载useRef eventListener
问题：无法在useEffect中卸载useRef eventListener
答案：
在React函数组件中，可以使用useEffect钩子函数来处理副作用，比如添加和移除事件监听器。然而，使用useEffect来卸载一个使用useRef创建的事件监听器是行不通的。
这是因为useRef创建的引用对象在组件重新渲染时不会被重新赋值，从而导致旧的事件监听器没有被移除，而新的事件监听器又被添加了一次。这样就会导致多个重复的事件监听器存在于组件中，可能引发内存泄漏或其他问题。
解决这个问题的方法是使用useEffect的返回函数来移除事件监听器。返回函数会在组件被卸载时自动执行。而且由于useEffect的每次调用都会先执行上一次的返回函数，所以可以确保只有一个事件监听器存在。
下面是一个示例代码，演示了如何在组件卸载时移除useRef创建的事件监听器：
import React, { useRef, useEffect } from 'react';
function MyComponent() {
const eventListenerRef = useRef(null);
useEffect(() => {
const eventListener = () => {
// 处理事件逻辑
};
// 添加事件监听器
window.addEventListener('eventName', eventListener);
// 更新引用对象
eventListenerRef.current = eventListener;
// 返回移除事件监听器的函数
return () => {
// 移除事件监听器
window.removeEventListener('eventName', eventListenerRef.current);
};
}, []);
// 组件的其它逻辑...
return (
// 组件的 JSX
);
}
export default MyComponent;在上面的代码中，我们创建了一个eventListenerRef引用对象来保存事件监听器函数。在useEffect的回调函数中，我们先添加事件监听器，然后将事件监听器函数赋值给eventListenerRef.current。最后，我们返回一个函数，用于在组件卸载时移除事件监听器。
请注意，为了确保只有在组件首次渲染时添加一次事件监听器，并在组件卸载时移除事件监听器，我们将空数组[]作为useEffect的依赖项。这样，useEffect只会在组件挂载和卸载时执行一次。
希望以上解答对您有所帮助！如果需要了解更多相关知识，可以查看腾讯云的文档和产品介绍：
相关·内容
错误警告:无法对未挂载的组件执行反应状态更新。这是一个非操作，但它表示您的应用程序中存在内存泄漏。若要修复，请取消useEffect清理函数.中的所有订阅和异步任务。
useEffect(() => {
userIsRegister();
if (sendMessage === '') {
getAllMessage();
}
}, [sendMessage, isFocused]);
浏览 10提问于2022-07-06得票数 0
1回答
我有一个从here派生的自定义useEventListener钩子，我刚刚开始学习Typescript，所以我决定把它重写成一个类型化的版本。 这是我的钩子， const useEventListener = (
eventName: string,
handler: any,
) => {
const savedHandler: any = useRef()
useEffect(() => {
savedHandler.current = handler
}, [handler])
useEffect(() => {
const
浏览 8提问于2020-07-15得票数 0
回答已采纳
我想在这个飞溅的屏幕上显示至少5秒的活动指示器。我尝试过setTimeOut方法，但它不起作用。它很快就消失了，并显示了这个警告。
警告:无法对未挂载的组件执行反应状态更新。这是一个非操作，但它表示您的应用程序中存在内存泄漏。若要修复，请取消useEffect清理函数中的所有订阅和异步任务。在src/screens/SplashScreen.js:15:15在setTimeout$argument_0中
这是我的代码，我如何解决这个问题？
import React, { useEffect, useState } from 'react';
import { Activity
浏览 10提问于2022-02-10得票数 0
回答已采纳
我有一个定制的事件侦听器钩子，如下所示：
const useEventListener = (
eventName: string,
handler: ({key} : KeyboardEvent) => void,
) => {
const savedHandler = useRef<({key} : KeyboardEvent) => void>(handler)
useEffect(() => {
savedHandler.current = handler
}, [handler])
useEffect(() =&
浏览 3提问于2020-07-16得票数 7
回答已采纳
1回答
我是新来的。我不太明白"useRef“的意思。我找到了一些密码但我不明白。你能帮我解释一下吗？
code.1
useRef(真)和useRef(假)有什么不同？
这两个密码的意思是什么？
useRef在useEffect做什么？
export default function useIsMountedRef() {
const isMounted = useRef(true);
useEffect(
() => () => {
isMounted.current = false;
},
[]
);
浏览 2提问于2022-06-22得票数 -4
回答已采纳
2回答
我试图通过一个firebase集合的'public‘参数获取所有数据，然后使用useffect，但是控制台指责错误。
我从firebase的文档中获取了这个结构：
但是控制台显示“警告:无法在未装载的组件上执行React状态更新。这是一个禁止操作，但它指示应用程序中存在内存泄漏。要修复此问题，请取消useEffect清理函数中的所有订阅和异步任务”。
所以我转到了另一个页面：
但我没有使用onSnapshot，而且firebase文档对我来说似乎是错误的，因为不明嫌犯不是一个函数。
useEffect(() => {
let list = []
浏览 0提问于2019-10-19得票数 2
1回答
import React, { useState, useEffect, useRef } from 'react';
import styles from './TextAnimation.module.scss';
const TextAnimation = () => {
const [typedText, setTypedText] = useState([
"Welcome to Byc",
"Change your Life"
]);
const [val
浏览 3提问于2020-10-17得票数 0
2回答
绘制后div的动态宽度
、、、、
我想得到一个动态div的宽度后，它被绘制，但我不知道如何。这就是我要做的：
const ref=useRef();
useEffect(()=>{
console.log('REF',ref.current.offSetWidth)
},[])
return (
<div ref={ref}>
</div>
我尝试了window.resize eventListener，但是只有当屏幕尺寸改变时才会触发它。我的问题是，在一个div在屏幕上呈现后，它的宽度是多少？我没有事先设置宽度，它只是在一个flex框中接受100%的父元素
浏览 5提问于2022-04-14得票数 2
回答已采纳
1回答
我正在进入反应，并试图创建某种类型的键盘教练应用。
我希望向窗口对象添加一个keypress事件侦听器以获取字母，然后更新我用useState()钩子创建的状态。
因此，我在useEffect钩子中添加了事件侦听器。使用自定义处理程序。但是在这种情况下，setPhrase函数似乎不能很好地工作。
预期结果：在每个正确的键按下phrase.written添加此键为文本，phrase.left按此字母为子字符串；
实际结果：状态每次都被更新，所以状态在setPhrase调用之后不会更新
代码：
export default () => {
const [initialPhrase] =
浏览 2提问于2022-03-03得票数 1
回答已采纳
当单击某个UI组件(例如<button />)时，从外部API (通过使用XHR请求)获取和显示数据是一种常见的用例。但是，如果同时卸载了组件，控制台中将出现以下警告：
警告:无法对卸载的组件执行响应状态更新。这是一个非操作，但它表示您的应用程序中存在内存泄漏。若要修复，请取消useEffect清理函数中的所有订阅和异步任务。
实际上，避免警告的最常见的解决方案()似乎通过使用useEffect的返回函数来清除组件的挂载状态。
import React, { useState, useRef, useEffect } from "react";
import
浏览 0提问于2019-06-15得票数 1
我有一个使用redux和钩子的反应性无状态组件。我需要显示页面加载(useEffect)上的项目数，并在每次添加或删除项(store.subscribe)时更新它。
useEffect(() => {
setState({
items: store.getState().items.length
});
}, []);
store.subscribe(() => {
setState({
items: store.getState().items.length
});
});
但这会导致控制台显示警告，无法对未挂载的
浏览 13提问于2019-11-25得票数 7
回答已采纳
我使用的是ReactJS中的函数组件。 const [showState, setState] = useState();
useEffect(() => {
document.addEventListener('click', handleClick);
return () => {
document.removeEventListener('click', handleClick);
}
}, []);
function handleClick(event) {
console.log(showState);
}
浏览 11提问于2020-09-04得票数 0
警告:无法对已卸载的组件执行React状态更新。这是一个no-op，但它表明您的应用程序中存在内存泄漏。若要修复，请取消%s.%s中的所有订阅和异步任务，useEffect清理函数，
const Drawer = createDrawerNavigator();
const App = () => {
const [isLoading, setIsLoading] = React.useState(true);
const [userToken, setUserToken] = React.useState(null);
const authContext = React
浏览 1提问于2020-06-13得票数 0
我有一个API，需要每30个seconds.The获取一个API，在下面的代码中编写的UseEffect用于在主组件上呈现的组件。它运行良好，但如果我导航到任何其他页面，我需要API不被获取。我用的是反应路由器和redux。
useEffect(() => {
dispatch(loadCurrencyList())
setInterval(() => {
dispatch(loadCurrencyList())
}, 30000
)
}, [dispatch])
浏览 1提问于2021-12-28得票数 1
1回答
我有一个Backdrop_DIV，它是基于下拉组件的open呈现的。
{open &&
<LS.Backdrop_DIV
onClick={handleBackdropClick}
ref={backdrop_ref}
>
Backdrop
</LS.Backdrop_DIV>
}
如果用户滚动( Backdrop_DIV ) (touchmove)，我希望touchmove消失。
Obs:，这是一个移动视图。
const handleTouchMove = useCallback(()=>{
setOp
浏览 5提问于2019-09-18得票数 5
回答已采纳
我使用useEffect清理函数将我的formik值存储在localStorage中。奇怪的是，存储的值是陈旧的初始值，而不是当前的表单值。以下是代码：
console.log(values)
React.useEffect(() => {
// do stuff
return function() {
console.log(values)
// store form data on unmount
localStorage.setItem("formValues", JSON.stringify(values
浏览 3提问于2020-04-07得票数 3
回答已采纳
我搜索了所有可能的页面，但我无法解决这个问题。我也尝试了一些模块，有一个中止控制器和所有其他东西，但直到今天我还不知道什么是正确的方法，以及如何解决这个关于卸载组件的问题。我正在使用功能组件。这是我的代码： const [visitorsNumber, setVisitorsNumber] = useState(0);
const [loggedList, setLoggedList] = useState([]);
const [mounted, setMounted] = useState(true);
useEffect(() => {
socket.
浏览 39提问于2021-03-18得票数 0
useEffect(() => {
return () => {
let tb = [...Array(row.length).keys()].map(index => {
return header.reduce((ob, key) => {
return {
...ob,
[key]: row[index][key]
}
}, {})
})
if (dimension) {
tb =
浏览 0提问于2020-05-20得票数 1
AFAIK，在React函数组件中，必须使用useEffect实现componentWillUnmount功能，如下所示：
useEffect(()=>{
return console.log("component unmounting");
},[])
我正在创建一个表单页面，并希望在用户退出该页面时提交进度。所以我在考虑在清理内部提交。
但是，如果我不将formData状态放入依赖数组中，那么在清理过程中状态就会失效。
如果我将formData放入依赖数组中，每次formData发生变化时，清理都会运行。
如何保持状态新鲜，但只在“真正的卸载”中运行清理？
con
浏览 0提问于2021-01-22得票数 4
回答已采纳
2回答
我有一个组件，它通过addEventListener和removeEventListener在几个地方使用事件侦听器。仅仅使用像onMouseMove这样的组件方法是不够的，因为我还需要检测组件之外的事件。
我在组件中使用钩子，其中一些组件的末尾有依赖数组，特别是带有事件函数与侦听器一起使用的useCallback(eventFunction, dependencies)。依赖项通常是使用useState声明的有状态变量。
据我所知，在add/remove EventListener中，函数的标识是非常重要的，因此如果函数之间的变化不起作用的话。一开始，我尝试管理钩子，这样事件函数就不会改变a
浏览 3提问于2019-09-30得票数 6
回答已采纳
我最近构建了一个React组件(称为ItemIndexItem)，它在我的应用程序上显示图像。例如，我有一个搜索组件，它将显示过滤项的索引。显示的每一项都是一个ItemIndexItem组件。单击ItemIndexItem会将您发送到使用相同ItemIndexItem的ItemShow页面。
Search.jsx
render() {
return (
<ul>
<li key={item.id}>
<div>
<Link to={`/items/${item.id}`}>
浏览 4提问于2019-11-08得票数 5
回答已采纳
我有一个关于React功能组件的问题，特别是关于功能组件中的函数。例如：
import React, { useEffect } from 'react';
const Component = (props) => {
useEffect(() => {
window.addEventListener('scroll', handleScroll);
});
useEffect(() => {
return () => {
window.removeEventListener('scr
浏览 5提问于2019-11-13得票数 9
回答已采纳
1回答
我订阅了useEffect钩子中的消息传递服务的一些更新。通过react文档和资源，我无法用代码找到一些观察的答案。下面是我的代码片段：
import React, { useState, useEffect } from "react";
import { messageService } from "../_services";
function App() {
const [count, setCount] = useState(0);
useEffect(() => {
const subscription = messageSe
浏览 0提问于2020-07-08得票数 0
回答已采纳
1回答
我使用的是中的代码，但我不明白一件事:我在useEffect中添加了一个控制台日志，当我在最终添加括号时，您可以看到下面的内容。这使得useeffect只运行一次，而且看起来很有效，因为当我刷新页面时，控制台日志只显示一次。但是当我在浏览器上使用React开发人员工具时，状态windowsSize会根据我更新的窗口大小不断更新值。
const Navbar = () => {
const [windowSize, setwindowSize] = useState(window.innerWidth);
const updateWindowsSize = () => {
s
浏览 4提问于2020-05-25得票数 0
回答已采纳
我的问题是包括一个即使在使用useEffect时也不会停止加载的数组。其他问题不涉及这一主题；它们涉及类似但不同的方法。
我正在从我的防火墙中获取数据并设置所需的数据。
现在，我只需要数据运行一次并显示出来，但是当我使用带有依赖项的useEffect钩子时(它没有依赖项就无法工作)，它就开始连续运行，我可以在网络选项卡中看到它一直在不停地获取数据。
如何解决这个问题，如何使我的useEffect只运行一次，即使它有一个依赖数组。
这是我的代码：
import React, { Component, useEffect, useState, useCallback } from "rea
浏览 2提问于2022-05-22得票数 1
我在用盖茨比。 我有这个useEffect()钩子，它可以向文档添加和删除事件侦听器，这样我就可以跟踪外部的单击，从而关闭相应的菜单。但当我导航到另一条路线并打开我的菜单时，应用程序崩溃了，我得到了这个错误： header.js:121 Uncaught TypeError: Cannot read property 'contains' of null
at handleDropdown (header.js:121)
at HTMLDocument.<anonymous> (header.js:134) 因为我有三个事件侦听器，所以每次单击任何
浏览 9提问于2020-01-03得票数 0
回答已采纳
1回答
我想向React组件中的一个节点添加一个eventListener。我选择了带有useRef钩子的节点。我是useCallback，因为useRef在第一次渲染时是null。 const offeringsContainer = useRef(null);
const setOfferingsContainer = useCallback((node) => {
if (node !== null) {
offeringsContainer.current = node;
}
}, []); 我的问题是，我的useEffect对offeringContainer引用所
浏览 65提问于2020-11-28得票数 0
回答已采纳
我正在创建一个网站，列出了几个空缺职位。
一旦组件挂载，我想GET所有的职务职位。因此，我使用了useEffect。我在useEffect中设置状态，我认为这是导致错误的原因：
警告:无法对未挂载的组件执行反应状态更新。
我想知道怎样才能修正这个警告。我不明白为什么不能在useEffect中设置状态
我的组件
function MyComponent({changeType}) {
const [user, setUser] = React.useState([]);
const [positions, setPositions] = React.useState([]);
浏览 2提问于2019-12-29得票数 7
回答已采纳
2回答
我有一个组件，当它可见时，我希望每10秒查询一次API。当组件关闭/不可见时，我希望停止轮询。 我的问题是，即使在组件被隐藏之后，轮询仍在继续。无论我在做什么，我的代码都无法识别新更新的状态变量。 const DisplayState = Object.freeze({
DisplayGroupNamesForSelection: 0,
DisplayLogStream: 1
});
export default function LogStream({ isOpen }) {
const [currentState, setCurrentState] = useS
浏览 7提问于2020-10-28得票数 0
回答已采纳
1回答
我有一个内存泄漏的问题，我在我的控制台中得到了以下错误。 警告:无法在卸载的组件上执行React状态更新。这是一个禁止操作，但它表明您的应用程序中存在内存泄漏。若要修复此问题，请在use Effect cleanup函数中取消所有订阅和异步任务。 下面是我的代码： React.useEffect(() => {
if (data) {
// I am calling my fetch method
fetch(logData)
.then((response) => response.
浏览 21提问于2021-10-01得票数 1
1回答
我有一个自定义的React，它监视特定元素外部的单击。它工作得很好，但是我在一些地方很难让TypeScript开心。
App.js
import { useRef, useCallback } from "react";
import useClick from "./useClick";
export default function App() {
const asideRef = useRef(null);
const handleStuff = useCallback(() => {
console.log("a cli
浏览 3提问于2021-10-24得票数 0
回答已采纳
我正在尝试使用React/Hooks和交叉点观察者API来跟踪元素可见性。但是，我不知道如何使用"useEffect“设置观察值。有人知道我是怎么做到的吗？我的解决方案不起作用..。 function MainProvider({ children }) {
const [targetToObserve, setTargetToObserve] = useState([]);
window.addEventListener("load", () => {
const findTarget = document.querySelector(
浏览 60提问于2019-10-11得票数 4
回答已采纳
9回答
我在玩“反应钩子”，面临着一个问题。当我试图使用事件侦听器处理的按钮对其进行控制台记录时，它会显示错误的状态。
CodeSandbox:
点击“添加卡”按钮2次
在第一张卡中，单击Button1并在控制台中看到有2张卡处于状态(正确的行为)
在第一张卡中，单击Button2 (由事件侦听器处理)，并在控制台中看到只有一张卡处于状态(错误行为)
为什么它会显示出错误的状态？
在第一张卡中，Button2应该在控制台中显示2卡。有什么想法吗？
const { useState, useContext, useRef, useEffect } = React;
const
浏览 0提问于2018-12-19得票数 90
回答已采纳
我在我的项目上有个问题，我是新来反应的，问题是我得到了这个警告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都是这样的
useEffect(()=
浏览 1提问于2022-04-06得票数 0
如何使用useEffect钩子(或任何其他钩子)复制componentWillUnmount
在传统的类组件中，我会这样做：
class Effect extends React.PureComponent {
componentDidMount() { console.log("MOUNT", this.props); }
componentWillUnmount() { console.log("UNMOUNT", this.props); }
render() { return null; }
}
使用useEffect钩子：
fu
浏览 8提问于2019-03-13得票数 102
回答已采纳
2回答
如何在我的“反应本机”中修复此错误，请参阅下面的代码。
警告:无法对未挂载的组件执行反应状态更新。这是一个非操作，但它表示您的应用程序中存在内存泄漏。若要修复，请取消useEffect清理函数.中的所有订阅和异步任务。
const getData = () => {
setIsLoading(true)
axios.get(hosturl.loaduser + userlist.user_id + '&page=' +currentPage)
.then((response) => {
浏览 3提问于2022-02-25得票数 3
2回答
反应应用中的内存泄漏
、、、
单击submit后，我得到了以下警告
警告:无法对卸载的组件执行响应状态更新。这是一个非操作，但它表示您的应用程序中存在内存泄漏。若要修复，请取消useEffect清理函数中的所有订阅和异步任务。
这是密码
const handleSubmit =异步(e) => { e.preventDefault()
let source = axios.CancelToken.source();
dispatch(login(email, password, source.token))
.then(() => {
console.l
浏览 2提问于2022-07-12得票数 0
我在我的react项目中使用了这段代码，当使用usestate更改data1时，我看到data1更改为1，但当卸载组件data1时，默认值为0。怎么了？代码为： useEffect( () => console.log( ["mount",data1] ), [] );
useEffect( () => console.log( ["will update",data1] ) );
useEffect( () => () => console.log( ["unmount",data1] ), [] ); 装载和更改时间
浏览 57提问于2019-02-28得票数 1
回答已采纳
当我尝试使用useEffect在组件卸载时调用清理函数时，我遇到了一个奇怪的问题。
在我的useEffect返回中，我调用了一个useCallback函数，其中正确添加了依赖项。这里有一个名为status的状态变量，但是这个变量永远不会从初始状态更新。我不能将变量传递给useEffect，因为我希望仅在组件出于特定原因卸载时才触发它。我在codepen 中重新创建了一个简化版本，但我无法理解这一点。也许有人知道为什么会发生这种事？谢谢!(这是最近才开始发生的事情，以前也是有效的，所以我更困惑了！)
浏览 6提问于2021-06-02得票数 2
2回答
我正在查看的实现，看起来useState的setState和useReducer的dispatch函数都是静态引用，它们不需要在useEffect的依赖数组中声明。
但是，当您编写抽象内部逻辑的自定义规则时，此规则似乎无法正常工作。例如，我创建一个自定义钩子：
const useCustom = () => {
const [number, setNumber] = React.useState(0);
return [number, setNumber];
};
然后以下列方式使用：
const [number, setNumber] = useCustom();
Re
浏览 4提问于2020-03-25得票数 2
回答已采纳
在此示例中，GET请求取消正常：
export default function Post (props) {
const _cancelToken = axios.CancelToken.source()
useEffect(() => {
const _loadAsyncData = async () => {
await axios.get('/post'), { cancelToken: _cancelToken.token })
}
_loadAsyncData()
return () =>
浏览 20提问于2019-08-12得票数 1
我做了这个定制的钩子以获得窗口宽度。它起作用了，但我有个问题。我使用useEffect在组件挂载时将事件侦听器添加到window。但是，我的朋友建议我使用return函数删除事件侦听器。这是怎么回事？返回的函数不应该破坏事件侦听器并使其不能工作吗？既然这是在组件挂载上发生的一次？
import React from "react";
const useWindowSize = () => {
const [windowSize, setWindowSize] = React.useState({
width: window.innerWidth,
h
浏览 10提问于2022-02-28得票数 1
回答已采纳
我有一个函数组件，其中我从我的localStorage中获得一个值，并使用该值来设置一个状态下的值：
localforage.getItem<string>('sortType').then((value) => {
setSortType(value)
})
const [sortType, setSortType] = useState('release_date');
当我运行组件时，我会得到一个日志：
警告:无法对未挂载的组件执行反应状态更新。这是一个非操作，但它表示您的应用程序中存在内存泄漏。若要修复，请取消useEffect清
浏览 5提问于2020-08-02得票数 14
回答已采纳
我是新来的反应，我一直在努力集中精力，但得到了错误：
未定义TypeError:无法读取未定义属性(读取“焦点”)
import { useRef, useEffect } from 'react';
function CustomComponent() {
const elementRef = useRef;
useEffect(() => {
const divElement = elementRef.current;
divElement.focus();
}, []);
return (
<div ref={el
浏览 2提问于2021-10-06得票数 1
回答已采纳
在componentWillUnmount上，我希望在useState中向postRequest函数发送一个数组。
我的useState数组：
const [array, setArray] = useState([]);
我的componentWillUnmount函数：
useEffect(() => {
return () => {
console.log(array); // logs "[]"
// TODO: Send to a post request to BE
}
}, [])
我也有一个“正常”的
浏览 3提问于2022-07-05得票数 1
回答已采纳
如果我们想限制useEffect仅在组件挂载时运行，我们可以使用[]添加useEffect的第二个参数。
useEffect(() => {
// ...
}, []);
但是，如何使useEffect只在组件被更新时才能运行，除了初始挂载？
浏览 1提问于2019-03-09得票数 104
回答已采纳
我正在为我的应用程序测试自定义的书面上下文。我有一个面试评估上下文文件。我试图为这个上下文提供程序提供fetchInterviewData功能。
/* eslint-disable prefer-destructuring */
/* eslint-disable react-hooks/exhaustive-deps */
import React, { useState, useCallback, useRef } from "react";
import PropTypes from "prop-types";
import { useAxios } fr
浏览 7提问于2022-04-27得票数 0
我在屏幕A中添加了一个监听器，如下所示。但是当我导航到屏幕B时，我看到这个侦听器仍然在运行。我该如何解决这个问题？
import React, { useEffect } from "react"
import { Button, AppState } from "react-native"
import { MainRoutes } from "../../navigation/routes"
const ScreenA = ({ navigation }) => {
useEffect(() => {
浏览 6提问于2022-10-17得票数 0
我收到了一条警告：“无法对已卸载的组件执行响应状态更新”，因此我尝试确定何时卸载组件，如下所示：
function ListStock() {
let mounted = true;
const [data, setData] = useState([]);
const [search, setSearch] = useState();
useEffect(() => {
async function fetchData() {
const {start_date, end_date} = search;
浏览 1提问于2021-09-09得票数 1
回答已采纳
3回答
当组件卸载时如何访问状态？
、、、、
有了有规律的反应，就有可能发生这样的事情：
class NoteEditor extends React.PureComponent {
constructor() {
super();
this.state = {
noteId: 123,
};
}
componentWillUnmount() {
logger('This note has been closed: ' + this.state.noteId);
}
// ... more
浏览 5提问于2020-02-28得票数 19
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
