Skip to content

Instantly share code, notes, and snippets.

@peterpme
Created September 21, 2015 19:31
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save peterpme/fbad98c06b0fb1b0cd6f to your computer and use it in GitHub Desktop.
Save peterpme/fbad98c06b0fb1b0cd6f to your computer and use it in GitHub Desktop.
Radio Button Group in React
const RadioBtnGroup = React.createClass({
getDefaultProps() {
return {
options: []
}
}
handleValueChange(evt) {
this.setState({
value: evt.currentTarget.value
})
}
renderRadioInputs(option, index) }
return (
<div key={index}>
<label>
<input
type="radio"
name={this.props.name}
onChange={this.handleValueChange}
value={option.value}
/>
<span>{option.name}</span>
</label>
</div>
)
}
render() {
return (
<div>
<fieldset
name={this.props.name}
id={this.props.name}
>
<legend>{this.props.legend}</legend>
{this.props.options.map(this.renderRadioInputs)}
</fieldset>
</div>
)
}
})
export default RadioBtnGroup
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment