piratepoet/assets/js/src/form/fields/radio.jsx

define([
  'react'
],
function(
  React
) {
  const FormFieldRadio = React.createClass({
    render: function() {
      if (this.props.field.values === undefined) {
        return false;
      }

      const selected_value = this.props.item[this.props.field.name];
      const options = Object.keys(this.props.field.values).map(
        (value, index) => {
          return (
            <p key={ 'radio-' + index }>
              <label>
                <input
                  type="radio"
                  checked={ selected_value === value }
                  value={ value }
                  onChange={ this.props.onValueChange }
                  name={ this.props.field.name } />
                { this.props.field.values[value] }
              </label>
            </p>
          );
        }
      );

      return (
        <div>
          { options }
        </div>
      );
    }
  });

  return FormFieldRadio;
});