React: Radio input bug
https://github.com/facebook/react/issues/10078
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.js"></script>
<script src="https://npmcdn.com/react@latest/dist/react-with-addons.js"></script>
<script src="https://npmcdn.com/react-dom@latest/dist/react-dom.js"></script>
<script src="https://facebook.github.io/react/js/jsfiddle-integration-babel.js"></script>
<div id="container"></div>
JavaScript 1.7
class Test extends React.Component {
constructor() {
super();
this.state = {};
this.onChange = this.onChange.bind(this);
}
onChange(e) {
console.log('hello ' + e.target.value);
this.setState({ checked: e.target.value });
}
render() {
return (
<div>
<input type="radio" name="some" checked={this.state.checked === '1'} onChange={this.onChange} value="1" /> 1
<input type="radio" name="some" checked={this.state.checked === '2'} onChange={this.onChange} value="2" /> 2
<input type="radio" name="some" checked={this.state.checked === '3'} onChange={this.onChange} value="3" /> 3
</div>
);
}
};
ReactDOM.render(
<Test />,
document.getElementById('container')
);