ToDo.js

import React, { Component } from 'react';

class ToDo extends Component {
  render() {
       return (
        <li>
         <input type="checkbox"  checked={ this.props.isCompleted } onChange={ this.props.toggleComplete }/>
         <span>{ this.props.description }</span>
         <button onClick={this.deleteToDo}> Delete this ToDo</button>
        </li>



       );
     }
 }

 export default ToDo;