Listing 6-46: Reminder with PropTypes and defaultProps

import PropTypes from 'prop-types';

function Reminder(props){
    return(
        <div>item: {props.reminderText} 
             due date: {props.dueDate} 
             Completed?: {String(props.isComplete)}</div>
    );
  }
  
Reminder.propTypes = {
    reminderText: PropTypes.string,
    dueDate: PropTypes.string,
    isComplete: PropTypes.bool
}

const date = new Date();
const formattedDate = date.toISOString().substr(0,10);

Reminder.defaultProps = {
    reminderText:"No Reminder Set",
    dueDate:formattedDate,
    isComplete: false
}

export default Reminder;