text: import React, {Component} from 'react';
  
  class TodoItems extends Component {
  constructor(props) {
    super(props);
  
    this.createTasks = this.createTasks.bind(this);
  }
  
    createTasks(item) {
      return (
        <div>
          <input type="checkbox" key={item.key} />
          <label for={item.key}>{item.text}</label>
        </div>
      );
      // return <li onClick={() => this.delete(item.key)} 
      //            key={item.key}>{item.text}</li>;
    }
  
    // delete(key) {
    //   this.props.delete(key);
    // }
  
    render() {
      var todoEntries = this.props.entries;
      var listItems = todoEntries.map(this.createTasks);
      
      return (
        <ul className="theList">
          {listItems} 
        </ul>
      );
    }
  }
  
  export default TodoItems;