ReactJS - WORKING Debounce

by seanodotcom

HTML

<script src="http://fb.me/JSXTransformer-0.11.1.js"></script>
<script src="http://fb.me/react-with-addons-0.11.1.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script>
<script src="http://fb.me/react-js-fiddle-integration.js"></script>

JavaScript 1.7

/** @jsx React.DOM */
var InputField = React.createClass({
	getDefaultProps: function () {
		return {
			initialValue: '',
			onChange: null
		};
	},
	getInitialState: function () {
		return {
			value: this.props.initialValue
		};
	},
    _searchOnServer: _.debounce(function(value){
        console.log('fire action creator');
    },800),
	handleChange: function (e) {
    console.log(e);
		console.log( e.target.value );
        this.setState({value: e.target.value});
        this._searchOnServer(e.target.value);
	},
	render: function () {
		var state = this.state;
		return (
			<input placeholder="type and see console" type="text" value={state.value} onChange={this.handleChange} />
		);
	}
});

React.renderComponent(<InputField initialValue=""/>, document.body);