javascript - map 函数内的多个条件渲染

Question

您好，我正在寻找是否有更好的方法来呈现我的待办事项

我有这个

         {
            todos.map((todo) => (
                
                todo.status === 1 && (
                    <p>{todo.title}</p>
                )
            ))
        }
        {
            todos.map((todo) => (
                todo.status === 2 && (
                    <p>{todo.title}</p>
                )
            ))
        }
        {
            todos.map((todo) => (
                todo.status === 3 && (
                    <p>{todo.title}</p>
                )
            ))
        }

有办法吗？

非常感谢

Answer 1

如果你想让它们有序，那么在映射它们之前先对它们进行排序

todos.sort((a, b) => a.status - b.status).map((todo) => .....)

如果你不想改变原数组的顺序就复制它

todos.slice().sort((a, b) => a.status - b.status).map((todo) => .....)