Antdesign 页面中微信自定义菜单编辑的实现

​

 微信自定义菜单可视化话编辑的实现

组件先分成左右两部分

1.左侧菜单预览

2.右侧为form表单编辑页面

3.左侧主菜单包含子菜单

拖拽使用dndkit库

设置formMenu为右侧form的值，每次左侧选择主菜单或子菜单都进行动态设置

const [formMenu, setFormMenu] = useState<wxMenu>();

然后监听右侧form值变动信息后 保存左侧菜单值

效果图

​编辑

开源项目地址 

Github

项目在线体验地址

DeAdmin在线体验

​