import React from 'react';
import state from '../../state';


// #TODO: remove debug code
state.getCursor().update({ $set: { a: { b: { c: 1 } } } });


export default React.createClass({

    mixins: [ state ],

    getInitialState() {
        return this.getCursor(['a', 'b']);
    },

    handleClick() {
        this.state.update({ c: { $apply: v => v + 1 } });
    },

    render() {
        return (
            <section>
                <input/>
                <div onClick={ this.handleClick }>
                    click count: { this.state.c }
                </div>
            </section>
        );
    }
});
@@ -213,58 +213,17 @@
     
-getInitialState() %7B%0A        return this.getCursor(
+keyPath: 
 %5B'a'
@@ -228,24 +228,16 @@
 a', 'b'%5D
-);%0A    %7D
 ,%0A%0A    h

update hello component