next.js 中使用 iconfont

import React, { Component,memo } from 'react'
class icon extends Component {
  componentDidMount() {
  if(typeof window !== 'undefined'){
    require('../public/js/iconfont.js');
  }
}
  render() {
    //console.log("props",this.props);
    const {className,addclass}=this.props
    return(
      <>
      <svg className={`icon ${addclass}`} aria-hidden="true">
        <use xlinkHref={`#${className}`}></use>
      </svg>
      </>
  )
  }
}
export default memo(icon)
 
//用法：
import Icon from '../components/icon';
<Icon className="icon-arrowdown"></Icon>