GN-React

CompX.js

import PropTypes from 'prop-types'

class CompX extends Component {
 const { estimatedHours } = this.props
 
 handleClick = (e) => {
   e.preventDefault()
   if (this.actualHours.value === estimatedHours) {
     console.log('estimated hours matches actual hours :)')
   }
   else
     console.log('estimated hours do not match actual hours')
 }
 
 render() {
   return (
     <form>
     
       <input 
         ref={input => this.actualHours = input} 
         type="number" 
         placeholder="" 
       />
       
       <button type="submit" onClick={this.handleClick}>Compare Hours</button>
     </form>
   )
 }

} 
  
CompX.propTypes = {
  estimatedHours: PropTypes.number.isRequired()
}