React - 编辑后更新列表中的项目

Question

我想在react中创建组件列表。每个组件都有属性 - 内容。如果我为单个元素编辑了这个属性，我应该怎么做才能正确更新列表组件上的这个元素？

案例1：

1. 将“PUT”发送到服务器。
2. 在数据库中保存更新的元素。
3. “PUT”返回新的元素列表。
4. 在反应中，渲染整个列表组件。

案例2：

1. 将“PUT”发送到服务器。
2. 在数据库中保存更新的元素。
3. “PUT”仅返回操作状态“true / false”未更新列表。
4. 如果“PUT”返回true，则在反应中重新渲染唯一的列表元素。

什么是最佳解决方案？

Answer 1

您可能希望再次获取整个列表，以防其他任何用户更改了数据。案例1似乎是合适的答案。

您不需要在更新中发送整个列表，只需要更改的元素，执行操作然后调用您的API来检索整个列表。

Answer 2

您必须将数据表单放入变量或状态，然后使用is在axios中发布或放置到您的react项目中

function onSubmit (e , id) {
          e.preventDefault()
          axios.put(`http://localhost:5002/Data/${id}`, {Data})
          .then(res => console.log(res))
          .catch(err => console.log('Login: ', err));            
      }