如何删除可扩展列表swiftUI中的行？

如何解决如何删除可扩展列表swiftUI中的行？

我尝试在 swiftUI 的可扩展列表中通过 onDelete(perform:) 修饰符删除行并嵌入 EditButton() 因此用户可以更改列表中项目的顺序。下面是应用程序的图像：>

这是我的代码（查看）：

import SwiftUI

struct ContentView: View {
    var body: some View {
        NavigationView {
            vstack {
                List(sampleMenuItems,children: \.subMenuItems) { item in
                    HStack {
                    
                    Text(item.name)
                        .font(.system(.title3,design: .rounded))
                        .bold()
                }
            }
        }
        .listStyle(InsetGroupedListStyle())
        .navigationTitle("List")
        .navigationBarItems(trailing:
                                Button(action: {}) {
                                    EditButton()
                                }
        )
    }
}
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

和数据模型：

import Foundation

struct MenuItem: Identifiable,Hashable {
    var id = UUID()
    var name: String
    var subMenuItems: [MenuItem]?
}

let sampleMenuItems = [ MenuItem(name: "iphone model",subMenuItems: iphoneModelItems),MenuItem(name: "ipad model",subMenuItems: ipadModelItems),]

// Sub-menu items for iphone
let iphoneModelItems = [ MenuItem(name: "pro max"),MenuItem(name: "pro"),MenuItem(name: "se")
                                ]
 
// Sub-menu items for ipad
let ipadModelItems = [ MenuItem(name: "pro"),MenuItem(name: "air"),]

我知道如果我想使用 onDelete(perform:) 我应该将我的数据放入 ForEach 所以我这样做了这是我的问题我不知道如何解决它children: \.subMenuItems部分：

List {
                    ForEach(sampleMenuItems,children: \.subMenuItems) { item in
                        HStack {
                        
                        Text(item.name)
                            .font(.system(.title3,design: .rounded))
                            .bold()
                    }
                }
            }