antd-select选择框联动(后台数据)解决
发布日期:2021-05-20 10:06:31 浏览次数:27 分类:技术文章

本文共 649 字,大约阅读时间需要 2 分钟。

1、预期实现效果

在这里插入图片描述
2、这是后台返回数据模式
在这里插入图片描述
3、思路:
根据typeId选择来获取绑定到第二个下拉框的数据选择
4、实现步骤

  • 开始的时候对typeId进行定义初始化-
    在这里插入图片描述
  • 给第一个下拉框绑定回调事件,更新当前的typeId值
    在这里插入图片描述
  • 根据typeId 去循环遍历第第二个选择框数据
// 获取物品名称    const goodsNames = (goodsListType || []).map((item) => {
if (typeId === item.typeId) {
return item.goodsList.map((item2, index2) => {
return }) } })
  • 完整下拉框联动代码
                                                          

转载地址:https://blog.csdn.net/weixin_45416217/article/details/105488187 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:antd-select下拉框同时获取所选值id和名字属性
下一篇:React-antd日期选择框日期初始化问题(invalid date)解决

发表评论

最新留言

哈哈,博客排版真的漂亮呢~
[***.90.31.176]2024年03月27日 02时59分46秒