如何使用lightning design-system-react在datatable单元格内容中显示基于布尔的值？

import { DataTable, Column } from 'lightning-design-system-react';

render() {
  return (
    <DataTable>
      <Column label="Name" property="name" />
      <Column label="Active" property="active" />
    </DataTable>
  );
}

render() {
  return (
    <DataTable>
      <Column label="Name" property="name" />
      <Column label="Active" property="active" cell={this.renderActiveCell} />
    </DataTable>
  );
}

renderActiveCell(rowData) {
  return rowData.active ? 'Yes' : 'No';
}