我想创建一个动态表单:
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方法。有谁知道问题可能来自哪里?