react todo list 2

index.js

class TodoList extends React.Component{

  constructor(props){
    super(props);

    this.state = {
      items: ['Buy enchiladas', 'Buy Carrots', 'Buy Celery']
    };
  }

  getListItems(){

    return (
      this.state.items.map((item) => {
        return ( <Todo todo={item} /> );
      })
    );

  }

  render(){
    return (
      <div><ul>{this.getListItems()}</ul></div>
    );
  }
}


class Todo extends React.Component {
  constructor(props){
    super(props);
  }

  render() {
    return <li>{this.props.todo}</li>;
  }
  
}

ReactDOM.render(<div>
                <App />
                <TodoList />
                </div>, document.getElementById('root'));
registerServiceWorker();