39、构建 Fooderator 客户端应用：从全局状态到菜单界面

构建 Fooderator 客户端应用：从全局状态到菜单界面

1. 全局状态的构建

1.1 定义接口

在构建应用时，我们需要先定义一些接口来表示不同的数据结构。以下是具体的接口定义：
- IRecipe 接口 ：用于表示食谱，包含食谱的基本信息。

export interface IRecipe {
  id?: number,
  name: string,
  description: string,
  rating: number,
  serves: number,
  ingredient_set: Array<IIngredient>
}

• IIngredient 接口 ：表示食材，与 IRecipe 接口相关联。

export interface IIngredient {
  id?: number,
  name: string,
  amount: number,
  amount_unit: string,
  recipe_id?: number
}

• IMenuItem 接口 ：表示菜单项，仅包含所引用食谱的 ID。