使用 React JS 和 Rails 处理添加字段、编辑字段和删除字段
Handling add fields, edit fields and delete fields with React JS and Rails
我有一个用于处理前端的 React 应用程序，Rails 用于处理后端。所以我有一个表单管理器，可以在其中添加一个字段，可以编辑或删除以前添加的字段。完成所有更改后，用户可以单击“保存”按钮将数据发送到后端。
发送数据时，哪种方式效率更高？
- 组件在单独的数组中跟踪新添加的字段、删除的字段和修改的字段并将它们全部发送到服务器并让服务器处理？
- 发送修改的和新增的字段（不是删除的字段）。现有字段将关联
ids，这会告诉后端应用程序它是一个已经存在的项目。该方法需要服务端对之前存在的字段和当前提交的字段进行diffs方法来移除删除项
或者有更好的选择吗？
这是我的想法：
所以，我会推动你的第一种方法，因为再次发送整个内容似乎不正确，会给服务器带来巨大的负载。
但是，就像您所说的那样，有一个单独的对象数组，其中包含 new/removed/modified 数组的更多对象，并使用 POST 调用将其发送到服务器并让它处理它。
但请确保它不是单独的组件，而是一个 redux 模块来处理整个数据！
Once made all the changes, the user can click on the Save button to send the data to the back-end.
^这句话就是上面提出方法的原因。
否则，我会将每个表单字段视为一个单独的数据条目，并使用 将 API 调用到 save/delete/edit POST/REMOVE/PUT分别，方便多了。亲吻原则！ (google!)
PS：如果你使用第一种方法，请确保将用户在你的大表单中输入的数据保存在本地某个地方，这样即使他不小心切换页面，他也可以检索所有丢失的数据都放心。
我有一个用于处理前端的 React 应用程序，Rails 用于处理后端。所以我有一个表单管理器，可以在其中添加一个字段，可以编辑或删除以前添加的字段。完成所有更改后，用户可以单击“保存”按钮将数据发送到后端。
发送数据时，哪种方式效率更高？
- 组件在单独的数组中跟踪新添加的字段、删除的字段和修改的字段并将它们全部发送到服务器并让服务器处理？
- 发送修改的和新增的字段（不是删除的字段）。现有字段将关联
ids，这会告诉后端应用程序它是一个已经存在的项目。该方法需要服务端对之前存在的字段和当前提交的字段进行diffs方法来移除删除项
或者有更好的选择吗？
这是我的想法：
所以，我会推动你的第一种方法，因为再次发送整个内容似乎不正确，会给服务器带来巨大的负载。
但是，就像您所说的那样，有一个单独的对象数组，其中包含 new/removed/modified 数组的更多对象，并使用 POST 调用将其发送到服务器并让它处理它。
但请确保它不是单独的组件，而是一个 redux 模块来处理整个数据！
Once made all the changes, the user can click on the Save button to send the data to the back-end.
^这句话就是上面提出方法的原因。
否则，我会将每个表单字段视为一个单独的数据条目，并使用 将 API 调用到 save/delete/edit POST/REMOVE/PUT分别，方便多了。亲吻原则！ (google!)
PS：如果你使用第一种方法，请确保将用户在你的大表单中输入的数据保存在本地某个地方，这样即使他不小心切换页面，他也可以检索所有丢失的数据都放心。