在reactjs或pure js中将div标签转换为tbody标签

Question

我有以下代码来生成表。数据来自searchkit

                              <Table>
                                <Thead>
                                    <Tr>
                                        <Th>ID</Th>
                                        <Th>PR</Th>
                                        <Th>Order Details</Th>
                                        <Th>Supplier Name</Th>
                                        <Th>Raised On</Th>
                                        <Th>Status</Th>
                                        <Th>PO</Th>
                                    </Tr>
                                </Thead>
                                <Tbody>
                                {<ViewSwitcherHits
                                        hitsPerPage={10}
                                        sourceFilter={["orderId", "pRNumber", "listOrderProductVM", "listOrderCompanyVM", "createdDate", "statusName", "listOrderPOVM"]}
                                        hitComponents={[
                                            { key: "table", title: "Table", itemComponent: OrderDetail, },
                                        ]}
                                        scrollTo="body"
                                        className='divTableBody'
                                    />}
                                    <NoHits
                                        errorComponent={errorComponent}
                                        translations={{
                                            "NoHits.NoResultsFound": "No Records Found.",
                                        }} suggestionsField="title" />   
                                </Tbody>                               
                            </Table>

我正在使用react-super-response-table。 ViewSwitcherHits是Searchkit功能，它在动态数据中添加了div标签作为父标签。因此，由于DIV紧随tbody之后，表格无法正确显示。因此，我正在考虑将div标记转换为tbody。这是正确的做法还是其他解决方案？

下面是html屏幕截图

Answer 1

那是做到这一点的一种方法。也许更干净的方法是让孩子从搜索工具包组件返回的信息