React 中动态修改SVG图片的颜色

最快捷的方法

使用插件：react-inlinesvg

安装：npm i react-inlinesvg 或者 yarn add react-inlinesvg

使用:

import SVG from 'react-inlinesvg';

export default function(){
    return <div>
        <span>svg</span>
        <SVG src="./test.svg" className="active"></SVG>
    <div/>
}

样式

.active {
    path[fill]{
        fill: #1C9ECC;
    }
}