js remove event

// 添加事件监听器
const button = document.getElementById('myButton');
function handleClick() {
  console.log('Button clicked!');
}

button.addEventListener('click', handleClick);

// 移除事件监听器
button.removeEventListener('click', handleClick);

const button = document.getElementById('myButton');

function handleClick() {
  console.log('Button clicked!');
}

button.addEventListener('click', handleClick);

// 确保使用相同的函数引用
button.removeEventListener('click', handleClick);

const button = document.getElementById('myButton');

function handleClick() {
  console.log('Button clicked!');
}

button.addEventListener('click', handleClick);

// 使用具名函数移除
button.removeEventListener('click', handleClick);

class MyComponent extends React.Component {
  componentDidMount() {
    window.addEventListener('resize', this.handleResize);
  }

  componentWillUnmount() {
    window.removeEventListener('resize', this.handleResize);
  }

  handleResize = () => {
    console.log('Window resized!');
  }

  render() {
    return <div>My Component</div>;
  }
}