arif11015

if else condition In Map

Aug 2nd, 2021
894
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.         const listsWrap = this.state.supportItems;
  2.         const listItems = listsWrap.map(lists => {
  3.             if (lists.id == 1){
  4.                 return <Col lg={4} md={4} sm={12}>
  5.                     <div className="consultingItemWrap">
  6.                         <Link to={lists.supportive_link}><FontAwesomeIcon icon={faCommentDots}/></Link>
  7.                         <Link to={lists.supportive_link}><h4>{lists.supportive_heading}</h4></Link>
  8.                         <p>{lists.supportive_des}</p>
  9.                         <Link className="consultingItemIcon" to={lists.supportive_link}>Contact Us</Link>
  10.                     </div>
  11.                 </Col>
  12.             } else if (lists.id == 2) {
  13.                 return <Col lg={4} md={4} sm={12}>
  14.                     <div className="consultingItemWrap">
  15.                         <Link to={lists.supportive_link}><FontAwesomeIcon icon={faHeadset}/></Link>
  16.                         <Link to={lists.supportive_link}><h4>{lists.supportive_heading}</h4></Link>
  17.                         <p>{lists.supportive_des}</p>
  18.                         <Link className="consultingItemIcon" to={lists.supportive_link}>Contact Us</Link>
  19.                     </div>
  20.                 </Col>
  21.             } else{
  22.                 return <Col lg={4} md={4} sm={12}>
  23.                     <div className="consultingItemWrap">
  24.                         <Link to={lists.supportive_link}><FontAwesomeIcon icon={faHandshake}/></Link>
  25.                         <Link to={lists.supportive_link}><h4>{lists.supportive_heading}</h4></Link>
  26.                         <p>{lists.supportive_des}</p>
  27.                         <Link className="consultingItemIcon" to={lists.supportive_link}>Contact Us</Link>
  28.                     </div>
  29.                 </Col>
  30.             }
  31.         })
RAW Paste Data