如何在React中重新排序树对象？

import React, { useState } from 'react';

const TreeNode = ({ node }) => {
  return (
    <div>
      <span>{node.name}</span>
      {node.children && node.children.map(child => (
        <TreeNode key={child.id} node={child} />
      ))}
    </div>
  );
};

const reorderTree = (currentOrder, node) => {
  // 在这里实现重新排序的逻辑
  // 可以根据节点的属性进行排序，比如节点的名称或者ID
  // 返回一个新的排序状态
};

const Tree = ({ tree }) => {
  const [order, setOrder] = useState(tree);

  const handleReorder = () => {
    const newOrder = reorderTree(order, tree);
    setOrder(newOrder);
  };

  return (
    <div>
      <button onClick={handleReorder}>重新排序</button>
      <TreeNode node={order} />
    </div>
  );
};

export default Tree;