const {observable, autorun, transaction} = mobx;

const {observer} = mobxReact;

​

class AppState {

  @observable myValue = '';

}

​

const state = new AppState();

​

@observer

class App extends React.Component {

  handleChange = (e) => {

    this.props.appState.myValue = e.target.value; 

  };

  render() {

    const { appState } = this.props;

    return (

      <div>

        <input value={appState.myValue} onChange={this.handleChange} />

        value: {appState.myValue}

      </div>

    );

  }

}

​

ReactDOM.render(

  <App appState={state} />,

  document.getElementById('app')

);