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

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

1. 全局状态的构建

在开发应用时，全局状态的管理至关重要。这里使用 Hookstate 来创建全局状态，相关代码位于 globalState.ts 文件中。

首先，引入 Hookstate 的 createState 函数：

import { createState } from "@hookstate/core";

然后，定义几个接口来描述不同的数据类型：
- IRecipe 接口 ：表示食谱信息。

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

• IIngredient 接口 ：表示食材信息。

export interface IIngredient {
  id?: number,
  name: string,
  amount: number,
  am