javascript - 语义 UI React : cannot appear as a child of

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>