const {observable, computed} = mobx;

const {observer} = mobxReact;

const {Component} = React;

​

@observer

class Form extends React.Component{

    @observable username = '';

    @observable password = '';

​

    constructor(props) {

        super(props);

        this.handleSubmit = this.handleSubmit.bind(this)

    }

​

    render() {

        return <form onSubmit={this.handleSubmit}>

            <label>

                Name:

                <input type="text" value={this.username} onChange={event => this.username = event.target.value} />

            </label>

            <div>username: {this.username}</div>

            <input type="submit" value="Submit" />

        </form>;

    }

​

    handleSubmit(event: Event) {

        event.preventDefault();

        console.log(this.username, this.password);

    }

}

​

ReactDOM.render(

    <div>

        <Form />

    </div>

, document.getElementById('mount'));

​