javascript - 语义UI React:<thead>不能作为<tbody>的子代出现

我正在处理语义UI React Table。我收到错误<thead> cannot appear as a child of <tbody>。这是为什么？

<Table fixed>
  <Table.Header>
    <Table.Row>
      <Table.HeaderCell>Company Name</Table.HeaderCell>
      <Table.HeaderCell>Primary Phone</Table.HeaderCell>
    </Table.Row>
  </Table.Header>
  <Table.Body>
    <Table.Header>
      <Table.Row>
        <Table.HeaderCell>
          <Search />
        </Table.HeaderCell>
      </Table.Row>
    </Table.Header>
    <Table.Row>
      <Table.Cell>Apple</Table.Cell>
      <Table.Cell>58895895</Table.Cell>
    </Table.Row>
  </Table.Body>
</Table>

当我包含以下代码时，就会发生这种情况：

<Table.Header>
  <Table.Row>
    <Table.HeaderCell>
      <Search />
    </Table.HeaderCell>
  </Table.Row>
</Table.Header>

最佳答案

我相信您的问题是<Table.Header>之后的<Table.Body>。将您的代码更改为以下内容：

<Table fixed>
  <Table.Header>
    <Table.Row>
      <Table.HeaderCell>Company Name</Table.HeaderCell>
      <Table.HeaderCell>Primary Phone</Table.HeaderCell>
    </Table.Row>
  </Table.Header>
  <Table.Body>
    <Table.Row>
      <Table.HeaderCell>
        <Search />
      </Table.HeaderCell>
    </Table.Row>
    <Table.Row>
      <Table.Cell>Apple</Table.Cell>
      <Table.Cell>58895895</Table.Cell>
    </Table.Row>
  </Table.Body>
</Table>

关于javascript - 语义UI React:<thead>不能作为<tbody>的子代出现，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/55072002/