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

Question

通过向后端发出请求，我会在用户登录时显示用户的状态为true，而在另一种情况下则为false。但我希望在一个表中显示Active或Inactive，而不是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>