由於map 的函數體裏 用了if判斷,在if塊以外return 一個值就能夠了javascript
<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>