react中的关于 antd@5 之后 tree 树形控件最后一列横向排列问题

在 antd@5 之后，Tree 树形控件的最后一列默认是纵向排列的，如果需要横向排列，可以通过设置 `treeNodeLabelProp` 属性来实现。具体做法如下：

1. 在 Tree 组件上设置 `treeNodeLabelProp` 属性，值为最后一列需要展示的字段名，比如 `title`。

<Tree
  treeData={treeData}
  treeNodeLabelProp="title"
  // 其他属性
/>

2. 在每个 TreeNode 上设置 `isLeaf` 属性，标记该节点是否是叶子节点。对于叶子节点，需要将最后一列的值放在 `title` 字段中；对于非叶子节点，需要将最后一列的值放在 `key` 字段中。

const treeData = [
  {
    key: '1',
    title: 'Node 1',
    isLeaf: false,
    children: [
      {
        key: '1-1',
        title: 'Node 1-1',
        isLeaf: true,
        // 最后一列的值放在 title 字段中
        title: 'Value 1-1',
      },
      // 其他子节点
    ],
  },
  {
    key: '2',
    title: 'Node 2',
    isLeaf: true,
    // 最后一列的值放在 title 字段中
    title: 'Value 2',
  },
  // 其他节点
];

这样设置后，Tree 树形控件的最后一列就会横向排列了。