我是一种新的react并且无法获取从循环生成的单选按钮的值。我有一个小提琴设置:https : //jsfiddle.net/rexonms/zrax0zfa/。
该示例有两种类型的单选按钮。一组使用循环生成,另一组不使用循环。没有循环的工作(记录按钮的值)但是当我尝试控制台记录单选按钮的值时,使用循环创建的那些不起作用。
先感谢您。
var Inputs = React.createClass({
getInitialState: function(){
return {
radios: {
a: { radio: 'Radio Loop A' },
b: { radio: 'Radio Loop B' },
c: { radio: 'Radio Loop C' }
},
radioNoLoop: 'Radio No Loop'
}
},
selectHandlerLoop: function(e){
console.log(e.target.value);
},
selectHandle: function(e){
console.log(e.target.value);
},
render: function() {
var radios = this.state.radios;
var r = this;
return(
<div>
{/* Creating radio buttons using Array */}
{Object.keys(radios).map(function(key,r) {
return (
<div key={key}>
<label forHTML={key}>
<input type="radio" name="loopTest" value={radios[key].radio} id={key} nChange={r.selectHandlerLoop} /> {radios[key].radio}
</label>
</div>
);
})}
<hr />
{/* Radio button no array loop */}
<label forHTML="noLoop">
<input type="radio" id="noLoop" value="noLoop" onChange={this.selectHandle}/> {this.state.radioNoLoop}
</label>
</div>
);
}
});
React.render(<Inputs />, document.getElementById('container'));