如何在循环中将表格行移动到顶部 - React答案

【问题标题】：How to move table row to the top within a loop - React如何在循环中将表格行移动到顶部 - React
【发布时间】：2022-02-08 00:08:09
【问题描述】：

我有一个循环，它遍历对象（person）的数组（files）。如果此人是医生或兽医，我想在表格顶部显示他们的行，如果不是，他们应该显示在医生和兽医下面。我有一段关于我认为代码应该在哪里的示例代码（参见：<PLACE AT TOP OF TABLE>）。我一直在寻找解决方案，但没有得到任何可靠的解决方案。我试图将这些 person 添加到数组中，将它们添加到新的表格组件中，然后在此处插入表格，但无济于事。任何提示将不胜感激。

<tbody>
{props.files.map(person=> ( 
    <div>
        {(person.job === "doctor" || person.job === "vet") ? <PLACE AT TOP OF TABLE> :
            <tr>
                <td>{person.name}</td>
                <td>{person.age}</td>
                <td>{person.job}</td>
            </tr>
         }
    </div>
))}
</tbody>

【问题讨论】：

在渲染前根据您的自定义排序逻辑对props.files进行排序？

标签： java reactjs html-table components

【解决方案1】：

您可以使用两个不同的循环，第一个循环搜索医生或兽医，出现在表格的顶部，然后第二个循环显示除医生和兽医之外的其他人

【讨论】：