Question

我正在创建一个以Django为后端的React应用。我有一个网页，其中包含与发票相关的输入字段，例如：

客户名称
地址
联系电话
产品名称
产品数量
产品费率
...

我需要一些有关遵循的惯例的帮助，以保存在这些字段中输入和更新的数据。我的意图是自动保存（即无需用户按下“保存”按钮）在这些字段中输入或更新的数据。当前，目标是仅在本地（脱机）部署它，因此我不担心API请求的互联网连接。目前，我只能考虑在每个字段上使用onBlur并调用处理程序以将更改保存到数据库。我真的很感谢一些如何处理此问题的准则。

（PS：我已经尽力使这个问题成为一个问题，而不是进行讨论。如果仍然不是这样，请提一下我应该做什么，然后再投票）

Answer 1

可以利用onChange synthetic event来捕获输入字段值的变化。

window.localStorage可用于离线存储数据。

请参阅下面的两个概念的粗略示例。

// Input Field.
<input onChange={this.handleChange} value={this.state.value}/>

// Handle Change.
handleChange = event => {
  const {value} = event.target
  window.localStorage.setItem('value', value) // Save Locally.
  this.setState({value}) // Update State.
}

在React中使用状态值更新数据库

1 个答案: