如何显示布尔状态为活动状态或非活动状态

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>