如何为React Ant Design图标绑定OnClick点击事件

当然可以直接把onClick事件绑定到Ant Design的图标组件上，Ant Design的图标本质是支持DOM事件的React组件，和普通按钮的绑定逻辑完全一致。

你只需要给ExpandAltOutlined组件添加onClick属性，把弹窗触发函数showModal传进去就行，还可以加个鼠标悬停的样式让交互更直观：

<div>
    <ExpandAltOutlined 
        style={{ fontSize: "150%", cursor: "pointer" }} 
        onClick={showModal}
    />
</div>

这样点击图标就会触发弹窗，和你之前绑定普通按钮的效果完全一样。

内容的提问来源于stack exchange，提问作者Adam