语义UI反应： 不能像孩子一样出现

Question

我正在研究Semantic 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>

Answer 1

我相信你的问题是跟随<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>