异常记录 | onClick 点击事件无反应 控制台无报错

情况描述

换了写法也点击无效；与先前正常运行的文件中语句比对，点击事件使用没有差异

有关代码（React）

        <div>
          <Button 
            type="primary" 
            icon="plus" 
            style={{float:'right', margin: 10}}
            onClick={this.showAddBox}
        >
            添加
          </Button>
        </div>

---

可能原因

1. id 和 函数名一致，导致点击事件失效 参考博客
2. React 中 ， 应写为 onClick
   但这种情况，控制台会出现相关报错提示
3. 元素覆盖，导致点击不到对应元素 参考问答
4. …待日后补充

---

解决办法

此次异常为上述的第三种情况
由于对 Button 组件设置了样式 float:right， 使得其从正常文档流中移除
出现鼠标点击 Button, 但实际并没有点击到的情况


去掉float后，即可正常选中

如依然使用float, 可以设置清除浮动，以避免覆盖