Estoy intentando crear una aplicación en ReactJS para mostrar la cantidad de domingos entre las fechas cuando haga clic en el botón Enviar. Tomé la fecha de inicio y la fecha de finalización como fecha de entrada y botón en un formulario. No puedo tener una idea de cómo incorporar en submitHandler y mostrar. A continuación se muestra mi código

 import React from 'react' import {useState} from 'react' const Calculate = () => { const [inputDate,setInputDate] = useState({ sdate:'', edate:'', }); const onChangeHandler = (e)=>{ let name =e.target.name let value = e.target.value const Calculate = () => { const [inputDate,setInputDate] = useState({ sdate:'', edate:'', }); const onChangeHandler = (e)=>{ let name =e.target.name let value = e.target.value setInputDate({...inputDate,[name]:value}) } const submitHandler=(e)=>{ e.preventDefault(); } return ( <div> <form action=""> <div> <div> <label htmlFor="">Start Date</label> <input type="date" name="sdate" onChange={onChangeHandler}/> </div> <div> <label htmlFor="">End Date</label> <input type="date" name="edate" onChange={onChangeHandler}/> </div> <button>Submit</button> </div> </form> </div> ) } export default Calculate <!-- end snippet --> setInputDate({...inputDate,[name]:value}) } const submitHandler=(e)=>{ e.preventDefault(); } return ( <div> <form action=""> <div> <div> <label htmlFor="">Start Date</label> <input type="date" name="sdate" onChange={onChangeHandler}/> </div> <div> <label htmlFor="">End Date</label> <input type="date" name="edate" onChange={onChangeHandler}/> </div> <button>Submit</button> </div> </form> </div> ) } export default Calculate

Buscando ayuda aquí. Gracias