优化问题，map列表时候，我加了个图片是否为空的判断，代码没错，但写的冗余，如何优化？-慕课网

优化问题，map列表时候，我加了个图片是否为空的判断，代码没错，但写的冗余，如何优化？

来源：1-1 react的基本概念

Hui前端框架

2018-09-06 12:26

{
            list.map((item, index)=> {
              return (
                <li key={index} className="item" data-id={item.get('id')}>
                  {
                    item.get('imgUrl') ===''
                    ?
                    <div>
                      <div className="item-title">
                        <Link to={'/detail/' + item.get('id')}>{item.get('title')}</Link>
                      </div>
                      <div className="item-desc">
                        {item.get('desc')}
                      </div>
                    </div>
                    :
                    <div className="has-img">
                     <Link className="pic-box" to={'/detail/' + item.get('id')}><img alt="" src={item.get('imgUrl')} /></Link>
                     <div className="item-title">
                       <Link to={'/detail/' + item.get('id')}>{item.get('title')}</Link>
                     </div>
                     <div className="item-desc">
                       {item.get('desc')}
                     </div>
                    </div>
                  }
                </li>
              )
            })
          }

写回答关注