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.
시간 넣을라다가 위와 같은 에러가 떴다.
비동기적인 행위를 할 때 unmount되고 나서는 state를 변경할 수 없다는 에러다.
useEffect를 이용해서 return으로 해결하고 unmount시켜야한다.
메모리 누수가 될것이다! 라는 뜻
const [ctime, setCtime] = useState(new Date().toLocaleTimeString());
const UpdateTime = () => {
setCtime(new Date().toLocaleTimeString());
};
useEffect(() => {
let timer = setInterval(() => UpdateTime(), 1000);
return () => {
clearInterval(timer); // 언마운트 된 컴포넌트의 state는 바꿀수없다. useEffect를 사용해서 없애라.
};
});