Javascript 反应回流：onUpdate#此触发器（行）导致无限循环

我有一个显示单选按钮的React组件。这些变化应通过回流处理。据我所知，应该调用this.trigger（object）来保存对对象的任何更改。不幸的是，这会导致无限循环

我已经发布了一个演示错误的示例。 有人能看出我做错了什么吗？如何制作

onUpdate自动完成（选中）

<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>
    );
  }
});

var AutoCompleteFrom=React.createClass({
混合物：[回流.连接（储存）]，
render:function（）{
var autocompleteFrom=this.props.autocomplete\u from.map（函数（值）{
返回(
{value}
);
}，这个）；
返回(
{autocompleteFrom}
);
}
});

onUpdateAutoComplete

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

onUpdate自动完成（选中）{
console.log（'选中：'，选中）；
行[0]。自动完成自=已选中；
//this.trigger（rows）；//修复方法是调用
onChange={actions.handleChange}
并使触发
actions.updateAutoComplete（event.target.value，event.target.name）；

Fiddle使用工作代码进行更新