Vue3 Antd 子菜单的JSX写法

在用Colder框架时, Antd的子菜单不知道怎么写，看了这篇文章: vue3+jsx使用递归组件实现无限级菜单 很有启发。以下是例子：

			//图标和标题
            const slots = {
                title: ()=>{
                    return <span>
                            {this.renderIcon(menu.meta.icon)}
                            <span>{menu.meta.title}</span>
                        </span>
                }
            }
            //注意JSX中一定要写 v-slots
            return <a-sub-menu v-slots={slots}>
            	//菜单项
                {itemArr}
            </a-sub-menu>

效果：