流星与React的双向数据绑定

Question

因此，Meteor使用getMeteorData()而不是getInitialState()进行绑定吗？ 考虑此用户个人资料的姓氏：

...

getMeteorData() {
 return {
   u = Meteor.user()
 }
},

componentRender() {
  let instance = this;
  // there is no way you can have two-way binding here. She types in "Brown".
  return(<div><input value={instance.data.user.profile.surname }</div>)
},

render() {
 return(<div>{this.data.user ?  this.componentRender() : <p>Loading...</p>}</div>)
}

...

您如何为此编写onChange函数？ 我只知道setState的处理方式。 同样，该代码是单向绑定，好像“ Sue”要更改其姓氏一样，“ Brown”将不会被替换。

与React的双向绑定包括getInitialState函数。

更新：

我已经用我的中等职位解决了我的答案。

Answer 1

流星默认情况下不会为您提供自动双向绑定。

您将需要为输入添加一个on change事件处理程序，以处理用户名中的更新。

在您的onChanged中，您可以拨打电话来更新用户的姓氏。

Meteor.users.update ...

请不要说这根本没有效率，因为每次用户更改输入都会调用更新。 最好有一个按钮单击以触发更新事件。

请参阅： 有关更新的Meteor React Docs