Question

我正在处理语义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>

语义UI React：不能作为的子级出现

1 个答案: