reactjs动态形式onChange

时间:2015-06-01 15:37:12

标签: javascript forms dynamic reactjs onchange

我想创建一个动态表单:

var Form =  React.createClass({
  getInitialState: function () {
   return {counter: 0};
  },

  handleChange : function(e) {
    this.setState({counter: parseInt(e.target.value)});
  },

  log:  function(e) {
    console.log(e.target.value);
  },

  render: function () {
    var fields = [
      React.createElement.input({onChange: this.handleChange}),
      React.createElement.input({onChange: this.log})
    ];

    for (var x = 0; x < this.state.counter; x++) {
      fields.push(React.createElement.input({onChange: this.log}));
    }

    return r.div({}, fields);
  }
});

前两个输入字段在表单中是永久的,并且始终调用它们的onChange回调。但是从不在新创建的字段上调用log方法。有谁知道问题可能来自哪里?

0 个答案:

没有答案