adding model to react app

model_react.jsx

const React     = require('react');
const ReactDOM  = require('react-dom');
const TodoInput = require('./todo_input.js');
const TodoList  = require('./todo_list.js');

var tasks = [
  { text : 'buy milk' },
  { text : 'do exercises' }
];

var _addTask = task => {
  tasks.push(task);
  render();
}

var App = React.createClass({
  addTask : function(task) {
    _addTask(task);
  },

  render : function() {
    return <div>
        <TodoInput addTask={this.addTask} />
        <TodoList tasks={this.props.tasks} />
      </div>;
  }  
});

function render () {
  ReactDOM.render(<App tasks={tasks} />, document.getElementById('main'))
}