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

时间:2019-04-22 02:50:46

标签: asp.net reactjs asp.net-core react-fullstack

我正在创建一个项目,但对React和异步编程来说还是很新的。我正在使用React通过API向用户显示电子邮件。

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

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

我应该先收到电子邮件并以某种方式在服务器端完成所有工作,然后再使用React来获取正文和结果以及它吗?还是有一种方法可以将当前的正文字符串发送到控制器,进行工作,然后异步返回结果?

提前谢谢!

1 个答案:

答案 0 :(得分:0)

尽管这个问题太模糊,无法回答,但是我知道你来自哪里,我想给你一些关于React相关项目的总体结构的想法:

  • 后端应设计为Restful Api端点。
  • 使用Redux管理前端(反应)应用程序的状态。
  • 使用Redux-thunk(或Redux-saga)来管理副作用(调用api)
  • componentWillMountcomponentDidMount中,使用Redux dispatch向Redux分派一个动作,然后使用Redux-thunk(或Redux-saga)调用api并更新应用程序的状态。
  • li>
  • 将根据状态的变化来更新应用状态connect的组件。

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

PS:如果您不熟悉任何术语,请执行一些google-ings