react 中svg封裝

import classNames from "classnames";
import * as React from "react";
import "./index.scss";

export const SvgIcon = props => {
  const { className, url, ...etc } = props;
  return (
    <svg {...etc} className={classNames("SvgIcon", className)}>
      {/* <use xlinkHref={url} /> */}
      <use href={url} />
    </svg>
  );
};

           

.SvgIcon {
  width: 24px;
  height: 24px;
  vertical-align: middle;
}