missionComplete2

import React from 'react';



class Todo extends React.Component{
  constructor(){
    super();
    this.state={
      complete: false
    }
  }

  handleClick(e){
    e.preventDefault();
    this.setState({
      complete: true
    })

  }

render(){

  return(

    <div>
      <li>{this.props.task}</li>
      {this.state.complete ? undefined : <button onClick={ (event)=> this.handleClick(event) }>complete</button>}
      <br></br>
        {this.state.complete ? "complete" : "mission not complete"}
    </div>
    )
  }
}


export default Todo;