Click Component (React)

by Breathe Code

HTML

<script src="https://fb.me/react-with-addons-0.14.0.js"></script>
<script src="https://fb.me/react-dom-0.14.0.js"></script>
<div id="app"></div>

Babel + JSX

class ClockComponent extends React.Component {
	constructor(){
  	super();
    this.state = {
    	currentTime: new Date()
    };
  }
  render(){
    setTimeout(() => this.setState({
      currentTime:new Date()
    }),1000);	
    
    const componentStyles = {
    	color: this.props.textColor
    }
    
    return <div style={componentStyles}>{this.state.currentTime.toString()}</div>;
  }
};

ReactDOM.render(<ClockComponent textColor="red" />, document.querySelector('#app'));