Use SVG icon with svg-sprite-loader

IconSVG-fixed.jsx

// 现用方案
function IconSVG({ xlinkHref, className, ...props }) {
  const clsName = className ? `${styles.iconSVG} ${className}` : styles.iconSVG;
  return (
    <svg aria-hidden="true" className={clsName} {...props}>
      {/**
        * 会出现 bug 的场景：使用 browserHistory，并且页面内使用 href 属性非空的 <base /> 标签
        * 如果不加 pathname，在火狐或者某国产双核浏览器中以及安卓版微信浏览器中图标不显示
        */}
      <use xlinkHref={location.pathname + xlinkHref} />
    </svg>
  );
}

IconSVG-guanfang.jsx

// svg-sprite-loader 官方提供的方法
function IconSVG({ xlinkHref, className, ...props }) {
  const clsName = className ? `${styles.iconSVG} ${className}` : styles.iconSVG;
  return (
    <svg aria-hidden="true" className={clsName} {...props}>
      <use xlinkHref={xlinkHref} />
    </svg>
  );
}