按字母顺序对AntD DirectoryTree的节点进行排序

import React from 'react';
import { DirectoryTree } from 'antd';

const treeData = [
  {
    title: 'parent 1',
    key: '0-0',
    children: [
      { title: 'leaf 1-0', key: '0-0-0', isLeaf: true },
      { title: 'leaf 1-1', key: '0-0-1', isLeaf: true },
    ],
  },
  {
    title: 'parent 2',
    key: '0-1',
    children: [
      { title: 'leaf 2-0', key: '0-1-0', isLeaf: true },
      { title: 'leaf 2-1', key: '0-1-1', isLeaf: true },
    ],
  },
];

const sortTreeData = (data) => {
  return data.sort((a, b) => a.title.localeCompare(b.title)).map(item => {
    if (item.children) {
      item.children = sortTreeData(item.children);
    }
    return item;
  });
};

const SortedDirectoryTree = () => {
  const sortedData = sortTreeData(treeData);

  return (
    <DirectoryTree
      treeData={sortedData}
      defaultExpandAll={true}
    />
  );
};

export default SortedDirectoryTree;