react中的关于 antd@4 之后 Tree 树只要最后一列横向排列
时间: 2024-02-27 18:58:53 浏览: 113
Antd 4 中的 Tree 组件默认情况下只会在最后一列显示子节点,这可能是您所提到的“只要最后一列横向排列”的问题。如果您想要在 Tree 中显示所有子节点,可以通过设置 `treeDataSimpleMode` 属性为 `false` 来实现。例如:
```jsx
import { Tree } from 'antd';
const treeData = [
{
title: 'Node 1',
key: '1',
children: [
{
title: 'Child Node 1',
key: '1-1',
children: [
{
title: 'Child Node 1-1',
key: '1-1-1',
},
{
title: 'Child Node 1-2',
key: '1-1-2',
},
],
},
{
title: 'Child Node 2',
key: '1-2',
},
],
},
];
const Demo = () => {
return (
<Tree
treeData={treeData}
treeDataSimpleMode={false} // 设置为 false 显示所有子节点
/>
);
};
```
设置了 `treeDataSimpleMode` 为 `false` 后,Tree 将会显示所有的子节点,而不仅仅是最后一列。
阅读全文