今日,我们将讨论firebasev9和如何将之整合成React.js项目先让我们看看我们今天在做什么

1. 消防基地是什么

2. 创建freesbasejs项目

3. frigfirebase v9

4. 写操作

5. 读操作

6. 更新操作

7. 删除操作

1. 火基地是什么

Firebase平台由Google提供云数据库和许多其他移动和网络应用服务提供实时数据库API同步应用数据开机免费使用它,但过段时间后,如果想高尺度使用它,可按需支付。firebase中也可以使用第三方托管和域名

2. effect.js项目与firebase-

我们正在创建待办响应项目,我们将使用firebase后端数据, 这样我们可以实时创建、阅读、更新和删除待办

所以,首先,让我们创建响应项目

npx创建应用待办

完成构建时运行cmd命令时,会看到文件夹 Todos以任意代码编辑器打开此文件夹

现在我们想用下命令安装freshbase,当它完成后,你可以用pack.json文件查找freshbase版本

mi消防基地

现在让我们去消防站网站快速创建账号,点击机台,点击网络并像项目名称一样提供细节

点击Web图标++++++++++++++++++++++++++

3. frigfirebasev9-

下一任务就是整合消防基地代码创建文件FirebaseInit.js(选项名)

并完成,现在我们可以使用消防基地响应应用_

4. 写操作-

跳入CRUD操作数据库使用优先响应我们需要导入火暴

并运行CRUD操作let's try写数据 暴风雨

下点击按钮后,它会添加到集合名“待办”(如果它不存在,消防基地会实现)中1415行描述的字段

5. 读操作-

现在我们可以发数据到消防站 可读取它表示无法在屏幕上看到所有待办文件就没有 待办感并创建读构件

使用Effects运行时 从消防站数据库取出所有数据和这是我们结果

6. 更新操作-

现在我意识到公园里没有独角兽 我想改成主题公园我可以使用更新操作 这样我就可以做到这一点简单化方面,我们将创建更新法并加读分量

第一,我们将提供更新按钮开标并表单

现在,你可以看到,我们有一个控件更新函数更新表单数据

至此,让我们看结果

7. 删除操作-

现在我们需要删除功能,以便在完成后删除待办

手柄删除id删除待办

结论

CRUD消防基地操作,如果你被困在任何地方,我提供项目链接可随心所欲使用并修改代码Github发回