Question

我正在开发一个Web应用程序，有一个包含太多输入字段（大约20个）的表单，其中必须保存每个更改（我想使用Socket.IO通知我的后端实时保留所有更改）但是处理多个onChange事件看起来如此不清楚。我很想知道是否有人有类似的问题以及如何使用更好的方法来完成。

Answer 1

所以你想要受控制的表格字段。

请看https://facebook.github.io/react/docs/forms.html。

我会做类似下面的事情。

https://jsbin.com/bidiwob/edit?js,output

Answer 2

您确定要在每次更改时向服务器发送更改吗？这是很多流量（实际上，很多连接），我相信你不想拥有它。提交您的更改onBlur甚至onSubmit。这会带来更好的性能！

Answer 3

您可以将onChange事件附加到form，而不是事件冒泡：

var Hello = React.createClass({
  onChange: function(e) {
    console.log(e.target.value);
  },
  render: function() {
    return <form onChange={this.onChange}><input /><input /></form>;
  }
});

演示：https://jsfiddle.net/j178m3zL/

处理输入字段以巨大形式变化的最佳方法

3 个答案: