react todo list 3

index.js

class TodoApp extends React.Component{

  constructor(props){
    super(props);
    // Set initial state
    this.state = {
      items: ['Buy enchiladas', 'Buy Carrots', 'Buy Celery', 'add a form']

    };
  };

  
  render(){
    return (
      <div>
        <TodoList todos={this.state.items} />
      </div>
    );
  }

}

class TodoList extends React.Component{

  constructor(props){
    super(props);
  }

  getListItems(){

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

  }
                           
                           // render function for TodoList
                           
//render TodoApp instead                           
ReactDOM.render(<div>
                <App />
                <TodoApp />
                </div>, document.getElementById('root'));
registerServiceWorker();