missionComplete

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(
    this.state.complete ?
    <div>
      <li>{this.props.task}</li>
      Mission complete
    </div>
    :
    <div>
      <li>{this.props.task}</li>
      <button onClick={ (event)=> this.handleClick(event) }>complete</button>
      <br></br>

    </div>
    )
  }
}


export default Todo;