【React】ラジオボタンの設置

React を使って、ラジオボタンを複数設置する時は、id の付け方に注意した方がいいのかもしれない。

例えば、↓こちらのような、jsのクラスを使用する時、

var RadioButton = React.createClass({
getInitialState: function(){
return {selection: 'first'};
},
handleChenge: function(event){
console.log(event.target.value);
this.setState({selection:event.target.value});
},
render: function(){
return (

どれか1つを選んでください:

);
}
});

ReactDOM.render(
,
document.getElementById('content')
)

一見、js上ではクラスになっているけど、htmlの記述に関しては、idなどが他と被らないように注意する必要があるのかもしれない。

返信を残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA