useEffect() định nghĩa hàm componentWillUnmount (ok)

https://viblo.asia/p/su-dung-useeffect-trong-reacthooks-1Je5EPbmlnL

Như chúng ta đã biết thì componentWillUnmount sẽ chạy mỗi khi một component chuẩn bị remove khỏi tree DOM, cùng xét 1 ví dụ:

import React, {useEffect, useState} from 'react';
function clicked(text="") {
	console.log(text);
}
const EffectDemo = () => {
  useEffect(() => {
    const clickWindow = () => console.log('1');
    clicked("clicked1");
    window.addEventListener('click', clickWindow)
    // return 1 function, sẽ được gọi ngay trước khi componentWillUnmount
    return () => {
    	clicked("clicked2");
      window.removeEventListener('click', clicked)
    }
  }, [])
  return <div>F12 check log của trình duyệt!</div>
};
export default EffectDemo;

Last updated

Was this helpful?