首先，PlaygroundComponent只是重新发明了View。你不需要如果Playground组件有一些您想要建模的公共属性，那就是 data，它们不属于视图。如果每个Playground都有自己独特的属性，那就是@State。
作为一个例子，让我们实现两个playgrounds views：

struct ListModelsPlayground: View {
    var body: some View {
        Text("ListModelsPlayground")
    }
}

struct AnotherPlayground: View {
    var body: some View {
        Text("Another Playground")
    }
}

现在假设您需要一个枚举，以便将这些playground放入一个数组中，并以List或其他格式显示它们。这就是 data，这就是PlaygroundComponent s的公共属性所在。

enum Playground: Identifiable, CaseIterable {
    case listModels
    case another
    
    var id: Playground { self }
    
    // let's suppose each playground has a title property, as an example
    var title: String {
        switch self {
        case .listModels: return "List Models"
        case .another: return "Another"
        }
    }
    // if you have more common properties,
    // perhaps bundle them all into a struct
}

请注意，如果公共属性可以更改，则应该使用struct，其中static let s表示每种类型的Playground。
现在，我们可以在List中显示数组Playground.allCases，也可以在NavigationSplitView中显示数组Playground.allCases，因此单击其中一个会转到PlaygroundView。

@State var selectedPlayground: Playground?

var body: some View {
    NavigationSplitView {
        List(Playground.allCases, selection: $selectedPlayground) { playground in
            Text(playground.title)
        }
    } detail: {
        if let selectedPlayground {
            PlaygroundView(component: selectedPlayground)
        }
    }

}

注意PlaygroundView如何只需要一个playground。这就是它真正需要的-数据。它可以用它来决定显示哪个Playground。

struct PlaygroundView: View {
    let component: Playground // make this a @Binding if the playground view can change the common properties
    var body: some View {
        Text("reused content")
        switch component {
        case .listModels: ListModelsPlayground()
        case .another: AnotherPlayground()
        }
    }
}

如果你真的不喜欢这个switch，你可以将它作为一个属性提取到枚举中：

@ViewBuilder
var view: some View {
    switch self {
    case .listModels: ListModelsPlayground()
    case .another: AnotherPlayground()
    }
}