app.js

'use strict';
import multipleRender from './multiple_render';

const contactForm = React.createClass({
	getInitialState() {
		return {
			name: '',
			email: ''
		}
	},
	
	getDefaultProps() {
	 	return {
			placeholders: {
				name: '',
				email: ''
			}
		}
	},
	
	handleChange(field, evt) {
		const value = evt.target.value;
		this.setState({...this.state, [field]: value});
	},
	
	handleSubmit(evt) {
		evt.preventDefault();
		const data = this.state;
		//send data to server via ajax
	},
	
  render() {
		const { name, email } = this.state;
		const { placeholders } = this.props;
		
  	return (
			<form onSubmit={ this.handleSubmit }>
				<input 
					placeholder={ placeholders.name }
					onChange={ this.handleChange.bind(null, 'name') } 
					value={ name } 
				/>
																			
				<input
					placeholder={ placeholders.email } 
					onChange={ this.handleChange.bind(null, 'email') } 
					value={ email } 
				/>
				<button>submit</button>
			</form>
		)
  }
});

multipleRender(".contact-form", ContactForm);