JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://fb.me/react-with-addons-0.12.0.js"></script>
<script src="http://fb.me/JSXTransformer-0.12.0.js"></script>
<script src="https://facebook.github.io/react/js/jsfiddle-integration.js"></script>

JavaScript 1.7

var Hello = React.createClass({
		getInitialState: function() {
    	return {
      	value: 'My Value',
        nested: {
        	nestedAgain: {}
        }
      }
    },
    onChange(value,e) {
      let oldState = this.state.nested.nestedAgain;
    	let newState = this.state.nested.nestedAgain;
      newState[value] = e.target.value;
     	
    	this.setState({oldState: newState})
    },
    render: function() {
    console.log(this.state.nested.nestedAgain);
        return (
        	<div>
          	Update on simple attribute works:
          	<input type="text" value={this.state.nested['value1']}
              onChange={this.onChange.bind(this,'value1')} />
          	{this.state.nested.nestedAgain["value1"]}
            <br />
          	Update on nested attributes does not work:
          	<input type="text"
            	value={this.state.nested['value2']}
              onChange={this.onChange.bind(this,'value2')} />
          	{this.state.nested.nestedAgain["value2"]}
          </div>
        );
    }
});
 
React.render(<Hello name="World" />, document.body);