如何使用我的React数据制作语义ui表？

Question

我有两个组成部分：

ListFuncionarios和Funcionario

我需要在表中显示一个列表。

我尝试：

<Table.Header>
    <Table.Row>
        <Table.HeaderCell>Nome</Table.HeaderCell>
        <Table.HeaderCell>Cpf</Table.HeaderCell>
        <Table.HeaderCell>Salario</Table.HeaderCell>
        <Table.HeaderCell>UF</Table.HeaderCell>
        <Table.HeaderCell>Data Cadastro</Table.HeaderCell>
        <Table.HeaderCell>Status</Table.HeaderCell>
    </Table.Row>
</Table.Header>

<Table.Body>

{this.props.funcionarios.map((funcionario) => {
<Funcionario key={funcionario.Id} funcionario={funcionario} />})}


</Table.Body>

我的功能组件：

export default class Funcionario extends Component {
    render() {
        return (

            <div>


        <Table.Row>
            <Table.Cell>{this.props.funcionario.nome}</Table.Cell>
            <Table.Cell>{this.props.funcionario.Cargo}</Table.Cell>
            <Table.Cell>{this.props.funcionario.Salario}</Table.Cell>
            <Table.Cell>{this.props.funcionario.UfNasc}</Table.Cell>
            <Table.Cell>{this.props.funcionario.Status}</Table.Cell>
            <Table.Cell> {this.props.funcionario.DataCad}</Table.Cell>
        </Table.Row>

</div>

这是我的表格显示的方式：

我收到：

<Funcionario key={funcionario.Id} funcionario={funcionario} />})}