使用React JS和Rails处理添加字段,编辑字段和删除字段

时间:2017-03-07 15:09:59

标签: ruby-on-rails reactjs backend methodology

我有一个用于处理前端的React App和用于后端的Rails。所以我有一个表单管理器,可以在其中添加一个字段,可以编辑或删除以前添加的字段。完成所有更改后,用户可以单击“保存”按钮将数据发送到后端。

发送数据时,哪种方法更有效?

  • 组件跟踪新添加的字段,删除的字段,以及在单独的数组中修改并将它们全部发送到服务器并让服务器处理它?<​​/ li>
  • 发送已修改和新添加的字段(不是已删除的字段)。现有字段会与ids相关联,这会告诉后端应用它已经存在的项目。此方法要求服务器对先前存在的字段执行diffs方法,并使用当前提交的字段删除已删除的项目

还是有更好的选择吗?

1 个答案:

答案 0 :(得分:1)

这就是我的想法:

所以,我会推送你的第一个方法,因为再次发送整个东西似乎并不正确,会给服务器带来巨大的负担。

但是就像你说的那样,有一个单独的对象数组,其中包含新的/已删除/已修改的其他对象数组,并使用POST调用将其发送到服务器并让它处理它。

但要确保它不仅仅是组件,而是一个 redux 模块,它可以处理整个数据!

  

完成所有更改后,用户可以单击“保存”按钮将数据发送到后端。

^这个陈述是上述方法的原因。

否则,我会将每个表单字段视为单独的数据条目,并分别使用 POST / REMOVE / PUT 将API调用保存/删除/编辑,哪个更方便。 KISS原则! (谷歌!)

PS:如果您要使用第一种方法,请确保将用户在大型表单中键入的数据保存在本地某处,这样即使他意外地切换页面,他也可以轻松地检索所有丢失的数据