rails jsx helper

rails_form.js.jsx

var RailsForm = React.createClass({
  propTypes: {
    csrf: React.PropTypes.shape({
      param: React.PropTypes.string,
      token: React.PropTypes.string
    }).isRequired
  },

  getDefaultProps: function() {
    return {
      method: "post"
    }
  },

  render: function() {
    return (
      <form acceptCharset="UTF-8" { ...this.props } method="post" >
        <input type="hidden" name="_method" value={this.props.method} />
        <input type="hidden" name={this.props.csrf.param} value={this.props.csrf.token} />
        {this.props.children}
      </form>
    );
  }
})

This class will help you generate forms valid for Rails. You will need to pass your CSRF param & token in as a property, so that Rails can validate the request. If you are using Jbuilder, just add this to the .json.jbuilder template that you pass into react_component:

json.csrf do
  json.token form_authenticity_token
  json.param "authenticity_token"
end

You can use the element like so:

<RailsForm csrf={this.csrfToken} method="PUT">
  <label><span>Email address</span><input type="text" name="user[email]" /></label>
  <input type="submit" />
</RailsForm>