Отображение данных из одного представления в другом представлении

У меня есть представление, которое в настоящее время отображает список рецептов. У меня есть кнопка для каждого соответствующего рецепта в списке, моя цель — когда пользователь выбирает рецепт, он направляется в другое представление, в котором отображается информация из выбранного элемента.

РецептСписок

struct RecipeListView: View {
    var listofRecipes: [RecipeListModel] = RecipeList.recipes
  
    init(){
        UITableView.appearance().backgroundColor = .clear
    }
    var body: some View {
        NavigationView{
        VStack{
            Text("Recipes")
                .padding(.top, 40)
                .font(.title2)
            List(listofRecipes, id: \.id){ recipe in
                HStack{
                    Image(recipe.image)
                        .resizable()
                       .frame (width: 70, height:70)
                        .cornerRadius(15)
                        
                    VStack{
                        Text(recipe.name)
                            .font(.title3)
                        
                        Button(action: {
                           //action
                        }){
                            Text("View Recipe")
                                .font(.body)
                                .foregroundColor(.white)
                                .frame(width:120, height:30)
                                .background(Color("completeGreen"))
                        }
                    } .padding(.leading, 40)
                }
            }
            
        }
    }
    }
}

Представление рецептов — здесь будет отображаться рецепт, выбранный в предыдущем представлении.

struct RecipeController: View {
    @State var recipeEdit = true

    var recipeList = RecipeList.recipes
    var body: some View {
        NavigationView{
        VStack{
            Text("will display recipe.name of clicked value in recipe list view") 
            RecipeEntryPicture()
            RecipeIngredients(isEditing: $recipeEdit)
        }
        .toolbar{
            ToolbarItem(placement: .bottomBar){
                    Button(action: {
                        recipeEdit.toggle()
                    }){
                        HStack{
                        Image(systemName: "pencil.circle").foregroundColor(.black)
                            Text(recipeEdit ? "Edit" : "Complete")
                            .foregroundColor(.black)
                        }
                        .font(.title)
                    }
                    .edgesIgnoringSafeArea(.all)
                    .frame(maxWidth: .infinity)
                    .frame(height: 60)
                    .background(Color(recipeEdit ? "spaceGray" : "completeGreen"))
                    
                }
            }
        }
      }
    }