SVG 아이콘을 버튼으로 바꿉니다.

Question

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

버튼 태그에 아이콘을 배치하는 것이 유일한 방법입니다. 유일한 문제는 직사각형 버튼과 직사각형 안의 아이콘을 얻는 것입니다. 내가 알아 내려고하는 것은 버튼이 SVG 아이콘 일 뿐이라는 것입니다.

Answer 1

Zap 속성에 onClick 속성을 추가 할 수 있으며 모든 요소를 ​​클릭 할 수 있고 버튼 일 필요는 없습니다. 또는 사각형 버튼이없는 것처럼 보이게하려면 현재 가지고있는 버튼의 테두리를 CSS border: none으로 제거하면됩니다.

Answer 2

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

물론 인라인 스타일을 사용하면 안됩니다.