我想在我的反应 js 应用程序中像按钮一样使用我的自定义 icon.png

Question

像按钮一样将我的自定义 icon.png 集成到我的应用程序中

Answer 1

如果可以将 png 转换为 svg，则可以使用库 react-icon-base 来呈现自己的图标。

`<IconBase viewBox="0 0 42 42" height="18" width="18">
    <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="....(your value)"
        fill="currentColor"
    />
 </IconBase>`

Answer 2

要添加内容，请使用 .png 按钮。这是一个例子：

<button id="home_button">click me</button>


#home_button {
  width: 150px;
  height: 150px;
  background-image: url('http://i.stack.imgur.com/sfed8.png');
  background-size: cover;
  background-color: #eee;
}