How to add if condition in an map Reactjs

Simply create an object for status:

const status = {
   '0':'In-Active',
   '1':'Active',
   '2':'Disabled'
 }

{users.map((user, index) => ( 
    <tr key={user.id}> 
        <td>{ index+1 }</td> 
        <td>{user.name}</td> 
        <td>{user.email}</td> 
        <td>{user.gender}</td> 
        <td>{status[user.status]}</td> 
    </tr> 
))}

Hey @John you can achieve this by adding third row-

{users.map((user, index) => ( 
    <tr key={user.id}> 
        <td>{ index+1 }</td> 
        <td>{user.name}</td> 
        <td>{user.email}</td> 
        <td>{user.gender}</td> 
        <td>{user.status}</td>
        <td>{user.status == "0"? "In-Active": user.status =="1"? "Active":"Disabled"}</td>
    </tr> 
))}

Hope this solution will solve your query, if you still facing issue, just lemme know, i will help you. thanks

you can create a method and check user status on there

function renderuserStatus(user) {
if (user.status) == "0"
  return "In-Active"
  else if (user.status) == "1"
   return "Active"
  else if (user.status) == "2"
   return "Disabled"
}

{users.map((user, index) => ( 
<tr key={user.id}> 
    <td>{ index+1 }</td> 
    <td>{user.name}</td> 
    <td>{user.email}</td> 
    <td>{user.gender}</td> 
    <td>{renderuserStatus(user)}</td> 
</tr> 
))}