无法在已设置样式的组件中使用按钮，这会导致错误

/* 示例：确保按钮样式优先级更高 */
.my-button {
  background-color: blue !important; /* 使用!important提高优先级 */
}

// 示例：使用事件委托绑定按钮点击事件
document.addEventListener('click', function(event) {
  if (event.target && event.target.classList.contains('my-button')) {
    console.log('Button clicked!');
    // 处理按钮点击逻辑
  }
});

// 示例：在React组件中正确使用按钮
import React from 'react';

class MyComponent extends React.Component {
  handleClick = () => {
    console.log('Button clicked!');
  }

  render() {
    return (
      <div className="my-component">
        <button className="my-button" onClick={this.handleClick}>Click Me</button>
      </div>
    );
  }
}

export default MyComponent;