如何顯示布爾狀態爲活動狀態或非活動狀態

Question

向後端發出請求時，如果用戶登錄，則顯示用戶狀態爲true，而在其他情況下顯示爲false。但我想在表中顯示有效或無效，而不是虛假的真實，就像它現在發生的事情：

這是代碼：

const UserRow = ({ data }) => 
<tbody> 
    <tr> 
    <td>{data.firstName} </td> 
    <td>{data.lastName} </td> 
    <td>{data.department}</td> 
    <td>{data.site}</td> 
    <td>{String(data.status)}</td> 
    </tr> 
</tbody>; 

UserRow.propTypes = { 
    data: PropTypes.object 
}; 

就在這裏：

<td>{String(data.status)}</td> 

我顯示狀態。我怎樣才能把它變成'活躍'或'非活動'？ 謝謝！

Answer 1

使用三元操作

<td>{data.status ? 'Active': 'Inactive'}</td>