react+antd+dva --->TreeSelect 树选择器组件的不联动+多选+初始值渲染

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了react+antd+dva --->TreeSelect 树选择器组件的不联动+多选+初始值渲染，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含659字，纯文字阅读大概需要1分钟。

内容图文

 

 

普通的用法不赘述了，记录的关键是这次的需求

产品大佬的要求是这样的：

1.我们树父与子之间互不关联

2.选中时输入框显示互不关联

以上两点好说，加俩属性嘛：

那么问题来了，加了这俩属性之后，文档的描述是这样的：

秀，给我来个强制，理解不了看下上下文，也就是说：

ok，也就是我们每次选中的时候，得到的不再是字符串数组，而是数组里包裹着一条一条的对象，俩属性，一个label做标题，一个value。

那么做初始化的时候，我们需要给的初始化数据就必须是对象的数据，然而后端朋友返回的value和label是分开的俩字段，还都是逗号分隔的字符串！

 

此时此刻俺的内心有好多好多小马儿奔腾而过！但是没什么，这不是什么大事，我们拼接嘛！

然而拼了半天，赋在表单初始值中的这个数组却在点击时出现了问题：

带秀。

经过各种尝试都宣告失败以后，我想转行。

然而在绝望的持续尝试之时，看到了官方文档的value是通过state来修改的，并且没有任何问题！

小小灵魂跃跃欲试！瞬间写个state！

回调里再来个拼接！

 

 return里表单的初始值修改成state！

onChange的方法改为修改state！

完美！！！！！

 

另外附上数据的转树形结构方法：

 

树选择器组件的不联动+多选+初始值渲染' ref='nofollow'>react+antd+dva --->TreeSelect 树选择器组件的不联动+多选+初始值渲染

原文：https://www.cnblogs.com/nangras/p/11083039.html

内容总结

以上是互联网集市为您收集整理的react+antd+dva --->TreeSelect 树选择器组件的不联动+多选+初始值渲染全部内容，希望文章能够帮你解决react+antd+dva --->TreeSelect 树选择器组件的不联动+多选+初始值渲染所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---