如何解决如何更改 React 图标的填充颜色?
我想改变 React 图标的颜色。比如说,window.bounds
图标。我想将其填充颜色更改为红色。我该怎么做?
我试过{aifillHeart}
。但它不起作用。
解决方法
- 在编辑器中打开您的 svg 文件。
- 将每条路径的fill属性改为fill="currentColor"
您需要知道 AiFillHeart
的底层代码是什么样的。假设它返回一个 <svg>
并且您可以将 props 传递给该元素,您可以像这样指定 fill
和/或 stroke
:
const AiFillTriangle = ({ fillColor,strokeColor }) => {
return (
<svg>
<path d="M150 0 L75 200 L225 200 Z" fill={fillColor} stroke={strokeColor} />
</svg>
);
};
ReactDOM.render(
<AiFillTriangle fillColor="red" strokeColor="blue" />,document.getElementById("react")
);
<div id="react"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。