Context blog

context_blog_gist_8.js

class TodoApp extends Component {
  render() {
    return (
      <div className="todos">
        <Grid columns={1} className="ui center aligned">
          <Grid.Row>
            <Grid.Column className="todo-body" width={12}>
              <h2>Simple Todo</h2>
              <TodoInput />
              <div id="display-todos">
                <DisplayTodos className="align-left" />
              </div>
            </Grid.Column>
          </Grid.Row>
        </Grid>
      </div>
    );
  }
}

export default TodoApp;