如何用React和antd实现级联菜单，构建长尾词？

本文共计1477个文字，预计阅读时间需要6分钟。

目录 + 效果图 + 需求分析 + body + head + 项目结构 + 实现body部分 + 实现head部分 + 合并head与body + 效果图 + 需求分析 + 级联菜单分为两部分：head与body。+ body + 包含两部分：已选项目列表，待选菜单。

目录

• 效果图
• 需求分析
• body
• head
• 项目结构
• 实现body部分
• 实现head部分
• 整合head与body

效果图

需求分析

级联菜单分为两部分：head与body。

body

包含两部分：已选项列表，候选菜单

已选项列表

• body展示当前菜单的所有option，可上下滚动。
• body中选一个option后，会在head的已选列表中进行展示，并且body将显示下一级的菜单。