meta newforms

gistfile1.js

/** @jsx React.DOM */
'use strict';

var React = require('react'),
    Label = require('./Label'),
    TextField = require('./TextField');

var LabeledInput = React.createClass({
    propTypes: {
        label: React.PropTypes.string.isRequired,
        name:  React.PropTypes.string.isRequired
    },

    render: function() {
        debugger;
        return (
        <div>
            <Label htmlFor={this.props.name}>
                {this.props.label}
            </Label>
            <TextField name={this.props.name}
                            placeholder={this.props.placeholder}
                            defaultValue={this.props.defaultValue} />
        </div>);
    }
});

module.exports = LabeledInput;


/** @jsx React.DOM */
'use strict';

var React = require('react'),
    newforms = require('newforms');

var Form = {
    //...bunch of other pre-existing input types here
    LabeledInput: require('./form/LabeledInput')
};

Object.keys(Form).forEach(function(key){
    Form["NF"+key] = newforms.Input.extend({
        render: function(name, value, kwargs){
            return Form[key](this.attrs);
        }
    });
});

module.exports = Form;