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

Question

我有一个循环，通过一个数组（文件）的对象（人）。如果此人是医生或兽医，我想将他们的行显示在表格顶部，如果不是，他们应该显示在医生和兽医下面。我有一段关于我认为代码应该在哪里的代码示例（请参阅：

<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>




Answer 1

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