poop.js

import React from 'react';
import CSSModules from 'react-css-modules';
import styles from './ProgressButton.css';

import ProgressBar from '../ProgressBar';

class ProgressButton extends React.Component {
	constructor(props) {
		super(props);
		this. _onClick = this. _onClick.bind(this);
		this.state = { max: 1, value: 0 }
	}

	render() {
		return (
			<button 
				onClick={this._onClick}
				styleName='root'>
				{ this.props.value }
				<ProgressBar value={ this.state.value } max={ this.state.max } />
			</button>
		)
	}

	_onClick() {
		this.setState({ value: 0 });
		console.log('At least this works');
		console.log(this.state);

		const interval = setInterval(tween, 10);
		function tween({ state = this.state }) {
			console.log('Ziggy!');
			if (state.value >= 1) {
	            clearInterval(interval);
	        } else {
	            this.setState({ value: state.value + .01 });
	        }
		}.bind(this);
	}
}

export default CSSModules(ProgressButton, styles);

ProgressButton.propTypes = {
	value: React.PropTypes.string.isRequired
};