mobx的简单使用

src/index.js

import React from 'react';
import ReactDOM from 'react-dom';

import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
import store from './store'
window.store = store
ReactDOM.render(

	<App />
	, document.getElementById('root'));
window.ReactDOM = ReactDOM

serviceWorker.unregister();

App.js

import React,{Component} from 'react';
import {
	observable
} from 'mobx'

import {
	observer
} from 'mobx-react'

@observer//响应式组件
class App extends Component{

	@observable value = 'a'//可观察的
	constructor(props){
		super(props)

	}

	render() {

		return (
			<div>
				app
				<input value={this.value} onChange={e => this.value = e.target.value}/>
				{this.value}
			</div>
		);
	}

	componentDidMount() {

	}

}

export default App;