javascript - React Reflux：onUpdate#this.trigger(rows) 导致无限循环

Question

我有一个显示单选按钮的 React 组件。对这些的更改应由 Reflux 处理。据我了解，this.trigger(object)应该调用它来保存对对象的任何更改。不幸的是，这会导致无限循环。

我在这里发布了一个演示错误的 JSFiddle。谁能看到我做错了什么？应该如何onUpdateAutoComplete(checked)制作？

<AutoCompleteFrom autocomplete_from={form_fields.autocomplete_from} />

复选框组件

var AutoCompleteFrom = React.createClass({
  mixins: [Reflux.connect(store)],

  render: function() {
    var autocompleteFrom = this.props.autocomplete_from.map(function(value) {
      return (
        <label for={value}>
          <input type="radio" name={'autocomplete_from'+this.props.id} value={value}
            onChange={actions.updateAutoComplete(this.props.checked)} 
            checked={this.props.checked == value}
          />
          {value}
        </label>
      );
    }, this);
    return (
      <div className="autocomplete-from">
        {autocompleteFrom}
      </div>
    );
  }
});

onUpdateAutoComplete

  onUpdateAutoComplete(checked){
    console.log('checked:', checked);
    rows[0].autocomplete_from = checked;
    // this.trigger(rows); // <== Causes an infinite loop when included.
  },

干杯，马丁

Answer 1

解决方法是调用onChange={actions.handleChange}并触发actions.updateAutoComplete(event.target.value, event.target.name);

Fiddle 使用工作代码进行了更新。