SOURCE

const observable = mobx.observable;
const computed = mobx.computed;

const Component = React.Component;

const observer = mobxReact.observer;

class todoList{
  @observable list = [];
}

class todoItem{
  id = new Date().valueOf();
  @observable text;
	@observable finished = false;
	constructor(text){
    this.text = text;
  }
}

@observer
class TodoView extends Component{
  constructor(props){
    super(props);
  }
  render(){
    return (
    	<li>
      	{this.props.todo.text}
      </li>
    )
  }
}

@observer
class TodoListView extends Component{
  constructor(props){
    super(props);
  }
  render(){
    let itemListDOM = [];
    this.props.todoList.list.map((item, index)=>{
      itemListDOM.push(
      	<TodoView todo = {item} />
      )
    })
    return(
      <div>
      	<h1>testTodoList</h1>
        <ul>
          {itemListDOM}
        </ul>
      </div>
    )
  }
}

const store = new todoList();
ReactDOM.render(<TodoListView todoList = {store}/>,document.getElementById('main'));

const item1 = new todoItem('test Item1');
store.list.push(item1);

<div id="main">
  no Component
</div>