react 使用map 的时候提示没有返回值

佚名 6年前 (2019-04-11) 随笔 1374人围观抢沙发百度已收录

SRE实战互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

因为map 的函数体里用了if判断，在if块之外return 一个值就可以了

 <div className="service-entry">
          {!!services && services.map((item,index) => {
            if(item.name === '洗衣机'){
              return (
                <div key={index} className='wanshing-entry busy' onClick={this.ShowFeeModel}>
                  <div className="state-icon"></div>
                  <div className="seal">
                    <span className="seal-time">{item.minTime/60}分钟 /</span>
                    <span className="money-icon">￥</span>
                    <span className="seal-money">{item.price}</span>
                  </div>
                  <div className="entry-text">我要洗衣</div>
                </div>
              );
            }else if(item.name === '烘干机'){
              return(
                <div key={index} className="drying-entry maintenance" onClick={this.ToDry}>
                  <div className="state-icon"></div>
                  <div className="seal">
                    <span className="seal-time">{item.minTime/60}分钟 /</span>
                    <span className="money-icon">￥</span>
                    <span className="seal-money">{item.price}</span>
                  </div>
                  <div className="entry-text">我要烘干</div>
                </div>
              // <div className="refer-time">参考剩余时间：20分钟</div>
              );
            }
            return null;
          })}
        </div>