将SVG图标转换为按钮

Question

<button className="zapButton"> <Zap /> </button>

我唯一能找到的就是在按钮标签中包装图标。唯一的问题是我得到一个矩形按钮和矩形内的图标。我想弄清楚的是如何使它成为按钮只是SVG图标。

Answer 1

您可以将onClick属性添加到Zap本身，任何元素都可以点击，不需要是按钮。 或者，您可以使用css border: none从当前按钮中删除边框，使其看起来没有矩形按钮。

Answer 2

<button class="zap-button" style="height: auto; width: auto; border: none;">
  <svg></svg>
</button>

当然，你不应该使用内联样式。