使用 React 在 API 和数据库之间传递数据

Passing Data between APIs and Database with React

我正在创建一个项目,但对 React 和异步编程还很陌生。我正在使用 React 通过 API.

显示用户电子邮件

我可以通过对 API 的 ComponentDidMount 调用获取所有电子邮件数据。它正确显示它们,我可以获得主题、正文等。现在,我需要通过一个按钮将当前所选电子邮件的正文发送到我的后端,对其进行一些处理(将字符串与数据库进行比较等),然后取回结果并将其显示在 div 中。最好的方法是什么?

我无法从 google 找到任何好的答案。

在使用 React 获取正文和结果之前,我是否应该首先以某种方式获取电子邮件并完成所有服务器端的所有工作?或者有没有一种方法可以将当前正文字符串发送到我的控制器,完成工作,然后以异步方式取回结果?

提前致谢!

虽然这个问题回答起来太模糊了,但是我知道你的意思,我想给你一些关于 React 相关项目的总体结构的想法:

  • 后端应设计为 Restful Api 个端点。
  • 使用 Redux 管理前端(反应)应用程序的状态。
  • 使用 Redux-thunk(或 Redux-saga)管理副作用(调用 api)
  • componentWillMountcomponentDidMount 中,使用 Redux dispatch 将 action 派发给 Redux 然后使用 Redux-thunk(或 Redux-saga)调用 api 和更新应用程序的状态。
  • connect 到应用程序状态的组件将根据状态的变化进行更新。

路很长,但是嘿,这是我们所有人都必须经历的。祝你好运!

PS:如果有不熟悉的术语,做一些google-ings