最近在用React做项目,使用到antd作为ui,发现官网一些案例说明不是很详细
1 | const data = [ |
有一个这样的数据格式,与官网案例不同的是需要显示的字段为name,官网为title,而且官网的字段中包含key
文档中说明可以使用 TreeNode 自定义显示,但又没有案例说明,下面是一个简单实现Tree自定义显示的例子
1 | import { Tree } from "antd"; |
以上方式为antd 3x 至 antd 4x的方式,在4x中不推荐,Tree控件的children即将被废弃,推荐使用titleRender方式
1 | import { Tree } from "antd"; |
虽然此方式可以自定义渲染title,但数据源中不存在key值时依旧会提示key undefind。因此推荐递归处理数据后渲染