Gotcha-StateProps1.es6

class NeatoComponent extends React.Component {
 constructor() {
   super();
   this.state = {
     foo: this.props.foo,
     bar: this.props.bar
   };
 }
  
 componentWillReceiveProps(nextProps) {
   if (this.props !== nextProps) { // This is crappy comparison just for the purposes of this example
     this.setState({
       foo: nextProps.foo,
       bar: nextProps.bar
     });
   }
 }
  
 render() {
   return (<p> Foo bar: {this.state.foo} {this.state.bar}</p>);
  }
}