react 设置图片加载失败显示的默认图 iconfont图片循环显示

import noImg from "../../static/images/others/mrtx.jpg";

<img src="" onError={(e) => {e.target.onerror = null;e.target.src=noImg}}/>

iconfont图标循环显示方法： 改成 \ue67e

let popArray = [{title:'搜索职位',icon:'\ue67e'},{title:'我的收藏',icon:'\ue6fc'},{title:'我的消息',icon:'\ue613'}];

<ul className="menu">
    {
        popArray.map((item,index)=>{
            return(
                <li className="menu-item" key={index}>
                    <i className="iconfont icon">{eval("'"+(item.icon)+"'")}</i>
                    <span>{item.title}</span>
                </li>
            )
        })
    }
</ul>

转载于:https://my.oschina.net/linxiaoxi1993/blog/3062227