Ant Design 中Tree踩坑
Posted 熬夜的小青年
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Ant Design 中Tree踩坑相关的知识，希望对你有一定的参考价值。
Tree中的api属性有一个defaultExpandAll
这个属性只在第一次渲染的时候有效，也就是说用户刷新页面后或者在这个页面操作完这个组件后重新渲染的时候，这个值将不会有效。
解决办法：
expandedKeys=help.treeIdData
onExpand=this.onExpand
使用expandedKeys属性和onExpand事件进行数据的可控操作
初始化的时候获取所有的TreeKeysr然后将它设置到expandedKeys属性上，当用户操作Tree节点的时候再触发onExpand更新expandedKeys数据
具体思路参考https://reactjs.org/docs/forms.html 或者 https://github.com/ant-design/ant-design/issues/4145#issuecomment-27058096
以上是关于Ant Design 中Tree踩坑的主要内容，如果未能解决你的问题，请参考以下文章
vue + ant-design-vue 项目兼容IE11浏览器（血泪踩坑）
ant-design中树形菜单tree中加入新增编辑删除按钮
ant-design-vue中select跟tree-select设置placeholder无效
React开发（184）:ant design Tree树形控件