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

最新推荐文章于 2025-06-10 11:53:27 发布

转载最新推荐文章于 2025-06-10 11:53:27 发布 · 592 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yigexiaojiangshi/p/10692181.html

文章标签：

#javascript #json #ViewUI

因为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>

转载于:https://www.cnblogs.com/yigexiaojiangshi/p/10692181.html