Reactjs 使用语义ui在表中显示布尔值

我对React和语义ui React不太熟悉。我正在创建一个表来显示mongo数据库中的一些值，包括一个布尔值。列标题的定义如下：

<Table.HeaderCell
  width={2}
  textAlign="center"
  sorted={column === "activeFlag" ? direction : null}
  onClick={this.handleSort("activeFlag")}
  >
 Active
</Table.HeaderCell>

{_.map(data, ({ repoName, repoDesc, activeFlag }, index) => (
     <Table.Row className="devRow" key={index} active onClick={e => this.updateRepo(index)}>
        <Table.Cell>{repoName}</Table.Cell>
        <Table.Cell>{repoDesc}</Table.Cell>
        <Table.Cell textAlign="center">{activeFlag}</Table.Cell>
      </Table.Row>
     )
  )}

活跃的

表行的呈现方式如下所示：

<Table.HeaderCell
  width={2}
  textAlign="center"
  sorted={column === "activeFlag" ? direction : null}
  onClick={this.handleSort("activeFlag")}
  >
 Active
</Table.HeaderCell>

{_.map(data, ({ repoName, repoDesc, activeFlag }, index) => (
     <Table.Row className="devRow" key={index} active onClick={e => this.updateRepo(index)}>
        <Table.Cell>{repoName}</Table.Cell>
        <Table.Cell>{repoDesc}</Table.Cell>
        <Table.Cell textAlign="center">{activeFlag}</Table.Cell>
      </Table.Row>
     )
  )}

{{.map（数据，（{repoName，repoDesc，activeFlag}，index）=>(
this.updateRepo（index）}>
{repoName}
{repoDesc}
{activeFlag}
)
)}

---

activeFlag最初定义为布尔值，默认值为false，但该值未显示在表中。当activeFlag被重新定义为字符串时，该值出现在表中。布尔值可以显示在表格中吗？

这一行中没有显示的原因

<Table.Cell textAlign="center">{activeFlag}</Table.Cell>

如果要显示文字“true”或“false”，应将其转换为字符串，然后显示

工作沙箱：

---

这行中没有显示任何内容的原因

<Table.Cell textAlign="center">{activeFlag}</Table.Cell>

如果要显示文字“true”或“false”，应将其转换为字符串，然后显示

工作沙箱：

Tq，使用字符串（isActive）我可以打印布尔值。Tq，使用字符串（isActive）我可以打印布尔值。